*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #171717;--color-bg-card: #1a1a1a;--color-accent: #dc2626;--color-accent-hover: #b91c1c;--color-accent-light: #ef4444;--color-text-primary: #ffffff;--color-text-secondary: #a3a3a3;--color-text-muted: #737373;--color-border: #262626;--color-border-light: #404040;--color-telegram: #0088cc;--color-instagram: #e4405f;--color-youtube: #ff0000;--color-facebook: #1877f2;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--color-accent);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--color-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}@media(min-width:768px){.container{padding:0 var(--spacing-lg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-accent);color:var(--color-text-primary)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.card-image{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--color-bg-tertiary);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.card:hover .card-image img{transform:scale(1.05)}.card-body{padding:var(--spacing-md)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background-color:var(--color-accent);color:var(--color-text-primary)}.badge-live{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.input{width:100%;padding:var(--spacing-md);font-size:1rem;color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}textarea.input{resize:vertical;min-height:120px}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.section-header:before{content:"";width:4px;height:2rem;background-color:var(--color-accent);border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .3s ease forwards}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .3s ease}.text-center{text-align:center}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-6{margin-top:var(--spacing-lg)}.mt-8{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-8{margin-bottom:var(--spacing-xl)}.py-4{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-8{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-12{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.px-4{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-6{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.rounded-full{border-radius:var(--radius-full)}.rounded-xl{border-radius:var(--radius-xl)}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}