@import "https://fonts.cdnfonts.com/css/google-sans";:root{--bg-primary:#000;--bg-surface:#06080c;--surface-container-low:#0a0d14;--surface-container:#0e121c;--surface-container-high:#141a28;--accent-blue:#007bff;--accent-blue-hover:#3395ff;--accent-blue-glow:#007bff1f;--accent-blue-glow-hover:#007bff59;--text-primary:#f4f6fb;--text-secondary:#9aa0b0;--text-muted:#5d6370;--m3-outline:#ffffff0f;--m3-outline-variant:#007bff2e;--m3-outline-active:#007bff66;--grid-line-color:#ffffff04;--nav-scrolled-bg:#06080c99;--m3-card-shadow:#0006;--btn-primary-hover-bg:#ffffffe6;--btn-primary-hover-shadow:#ffffff1a;--btn-secondary-border:#ffffff1f;--btn-secondary-hover-bg:#1c2336;--btn-secondary-hover-border:#ffffff38;--m3-radius-xs:4px;--m3-radius-sm:8px;--m3-radius-md:12px;--m3-radius-lg:16px;--m3-radius-xl:28px;--m3-radius-full:100px;--font-sans:"Google Sans", "Product Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Google Sans", "Product Sans", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--transition-smooth:all .5s cubic-bezier(.1, .8, .2, 1);--transition-fast:all .25s cubic-bezier(.1, .8, .2, 1);--max-width:1080px}[data-theme=light]{--bg-primary:#f3f5f9;--bg-surface:#ebf0f6;--surface-container-low:#fff;--surface-container:#eaeff5;--surface-container-high:#dce3ee;--accent-blue:#0a72e6;--accent-blue-hover:#005fcd;--accent-blue-glow:#0a72e614;--accent-blue-glow-hover:#0a72e633;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--m3-outline:#00000014;--m3-outline-variant:#0a72e629;--m3-outline-active:#0a72e659;--grid-line-color:#0f172a06;--nav-scrolled-bg:#f3f5f999;--m3-card-shadow:#0f172a0f;--btn-primary-hover-bg:#0f172ae6;--btn-primary-hover-shadow:#0f172a26;--btn-secondary-border:#0f172a26;--btn-secondary-hover-bg:#dce3ee;--btn-secondary-hover-border:#0f172a40}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s cubic-bezier(.1,.8,.2,1),color .5s cubic-bezier(.1,.8,.2,1)}body{background-color:var(--bg-primary);transition:background-color .5s cubic-bezier(.1,.8,.2,1);overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#151821;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2.5rem}section{padding:6.5rem 0;position:relative}@media (width<=768px){section{padding:5rem 0}.container{padding:0 1.5rem}}.hero-glow-container{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-glow-blob{filter:blur(130px);will-change:transform, opacity;pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#007bff4d 0%,#007bff14 55%,#007bff00 80%);width:90vw;max-width:950px;height:90vw;max-height:950px;animation:32s ease-in-out infinite alternate gasFlow1;top:-25%;left:-10%}.blob-2{background:radial-gradient(circle,#00beff40 0%,#007bff0f 50%,#00beff00 75%);width:80vw;max-width:850px;height:80vw;max-height:850px;animation:26s ease-in-out infinite alternate gasFlow2;bottom:-25%;right:-10%}@keyframes gasFlow1{0%{opacity:.75;transform:translate(0,0)rotate(0)scale(1)}33%{opacity:1;transform:translate(10%,15%)rotate(120deg)scale(1.15)}66%{opacity:.65;transform:translate(-8%,10%)rotate(240deg)scale(.9)}to{opacity:.75;transform:translate(0,0)rotate(360deg)scale(1)}}@keyframes gasFlow2{0%{opacity:.7;transform:translate(0,0)rotate(0)scale(1.1)}50%{opacity:.95;transform:translate(-12%,-10%)rotate(-180deg)scale(.85)}to{opacity:.75;transform:translate(8%,-15%)rotate(-360deg)scale(1.15)}}.hero-title{letter-spacing:-.04em;font-size:clamp(2.4rem,6.2vw,4rem);font-weight:900;line-height:1.1;font-family:var(--font-display);background:linear-gradient(#fff 40%,#a2a9bc 100%);-webkit-text-fill-color:transparent;color:#0000;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.15}p{color:var(--text-secondary);letter-spacing:-.01em;font-size:1.05rem;line-height:1.6}.section-header{text-align:center;z-index:1;margin-bottom:4rem;position:relative}.section-tag{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.25em;font-size:.8rem;font-weight:700;font-family:var(--font-sans);margin-bottom:.75rem;display:block}.section-title{letter-spacing:-.035em;background:linear-gradient(#fff 40%,#a3a3a3 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.75rem;font-weight:800}.section-subtitle{max-width:600px;color:var(--text-secondary);margin:0 auto;font-size:1.1rem}@media (width<=768px){.section-title{font-size:2.25rem}}.card-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;display:grid;position:relative}.m3-card{background-color:var(--surface-container);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-xl);transition:var(--transition-smooth);flex-direction:column;height:100%;padding:2.5rem;display:flex;position:relative;overflow:hidden}.m3-card:hover{border-color:var(--m3-outline-variant);box-shadow:0 12px 30px var(--m3-card-shadow), 0 0 1px 1px var(--m3-outline-variant);transform:translateY(-5px)}.btn{border-radius:var(--m3-radius-full);transition:var(--transition-fast);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-sans);letter-spacing:.01em;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 2.25rem;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.btn-primary:hover{background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-bg);box-shadow:0 8px 20px var(--btn-primary-hover-shadow);transform:translateY(-2px)}.btn-secondary{background-color:var(--surface-container-high);color:var(--text-primary);border:1px solid var(--btn-secondary-border);box-shadow:0 4px 12px #00000040}.btn-secondary:hover{background-color:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);box-shadow:0 6px 18px var(--m3-card-shadow);transform:translateY(-2px)}.btn-accent{background-color:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue);box-shadow:0 4px 14px #007bff33}.btn-accent:hover{background-color:var(--accent-blue-hover);border-color:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px #007bff59}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);padding-left:.5rem;font-size:.85rem;font-weight:600}.form-control{background-color:var(--surface-container-low);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-lg);color:var(--text-primary);font-family:var(--font-sans);width:100%;padding:.9rem 1.2rem;font-size:.95rem;transition:border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1)}.form-control:focus{border-color:var(--accent-blue);background-color:var(--surface-container);outline:none;box-shadow:0 0 0 4px #007bff3d}textarea.form-control{resize:vertical;min-height:120px}.contact-form-card{background-color:var(--surface-container);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-xl);flex-direction:column;height:100%;padding:2.5rem;display:flex;position:relative;overflow:hidden}.glass-nav{width:calc(100% - 2.5rem);max-width:var(--max-width);z-index:100;border:1px solid var(--m3-outline);border-radius:var(--m3-radius-xl);background-color:var(--nav-scrolled-bg);box-shadow:0 8px 32px var(--m3-card-shadow);transition:all .4s cubic-bezier(.16,1,.3,1),background-color .5s cubic-bezier(.1,.8,.2,1),border-color .5s cubic-bezier(.1,.8,.2,1);position:fixed;top:1.25rem;left:50%;transform:translate(-50%);-webkit-backdrop-filter:blur(28px)!important;backdrop-filter:blur(28px)!important}.nav-scrolled{box-shadow:0 12px 40px var(--m3-card-shadow);top:.75rem;background:var(--nav-scrolled-bg)!important;border-color:var(--m3-outline-variant)!important}@media (width<=768px){.glass-nav{border-radius:var(--m3-radius-xl);width:calc(100% - 1.5rem);top:.75rem}.nav-scrolled{top:.5rem}.blob-1{width:140vw;height:140vw;top:-15%;left:-20%;filter:blur(100px)!important;background:radial-gradient(circle,#007bff73 0%,#007bff1f 55%,#007bff00 80%)!important}.blob-2{width:135vw;height:135vw;bottom:-15%;right:-20%;filter:blur(100px)!important;background:radial-gradient(circle,#00beff66 0%,#007bff1a 50%,#00beff00 75%)!important}}[data-theme=light] .hero-title{background:linear-gradient(#0f172a 40%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .section-title{background:linear-gradient(#0f172a 40%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .coming-soon-title{background:linear-gradient(#0f172a 40%,#334155 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}@media (width<=600px){.m3-card,.contact-form-card,.footer-card,.teaser-card{padding:1.5rem!important}.hero-buttons-container{flex-direction:column!important;align-items:center!important;gap:1rem!important}.hero-buttons-container .btn{justify-content:center!important;width:100%!important;min-width:0!important;max-width:290px!important}}.streaming-badge{color:red;letter-spacing:.15em;border-radius:var(--m3-radius-full);text-transform:uppercase;font-size:.78rem;font-weight:700;font-family:var(--font-sans);background:#ff000014;border:1px solid #f003;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:6px 16px;display:inline-flex;box-shadow:0 0 20px #ff00001a}.pulse-red-dot{background-color:red;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-red}@keyframes pulse-red{0%{opacity:.6;transform:scale(.9);box-shadow:0 0 #ff0000b3}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 0 8px #f000}to{opacity:.6;transform:scale(.9);box-shadow:0 0 #f000}}.youtube-player-wrapper{border-radius:var(--m3-radius-xl);border:1px solid var(--m3-outline);width:100%;box-shadow:0 20px 40px var(--m3-card-shadow);background:#000;padding-top:56.25%;position:relative;overflow:hidden}.youtube-player-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-selector-grid{grid-template-columns:1fr;gap:1rem;display:grid}.video-selector-card{background-color:var(--surface-container);border:1px solid var(--m3-outline);border-radius:var(--m3-radius-lg);cursor:pointer;transition:var(--transition-fast);text-align:left;align-items:center;gap:1rem;padding:1rem;display:flex}.video-selector-card.active{border-color:var(--accent-blue);background-color:var(--surface-container-high);box-shadow:0 4px 15px var(--accent-blue-glow)}.video-selector-card:hover:not(.active){border-color:var(--m3-outline-variant);background-color:var(--surface-container-high)}.video-thumbnail-placeholder{border-radius:var(--m3-radius-sm);background-color:var(--surface-container-low);width:80px;height:45px;color:var(--text-muted);border:1px solid var(--m3-outline);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-thumbnail-placeholder svg{z-index:2}.video-thumbnail-img{object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;top:0;left:0}.video-info{flex-direction:column;gap:2px;display:flex}.video-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3}.video-duration{color:var(--text-muted);font-size:.8rem}.youtube-sub-banner{border:1px solid var(--m3-outline-variant);border-radius:var(--m3-radius-xl);text-align:center;box-shadow:0 10px 30px var(--m3-card-shadow);background:linear-gradient(135deg,#ff00000d 0%,#007bff0d 100%);flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;display:flex;position:relative;overflow:hidden}.youtube-sub-banner:hover{border-color:#ff00004d}[data-theme=light] .streaming-badge{color:#d32f2f;background:#ff00000f;border-color:#ff000026}[data-theme=light] .pulse-red-dot{background-color:#d32f2f}[data-theme=light] .youtube-sub-banner{background:linear-gradient(135deg,#ff000008 0%,#0a72e608 100%)}
