*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#faf8f5;--bg-warm:#fff7f0;--bg-card:#ffffffbf;--border-card:#0000000f;--text-primary:#1a1a2e;--text-secondary:#1a1a2e80;--accent-coral:#ff6b6b;--accent-peach:#ffa07a;--accent-violet:#7c5cfc;--accent-sky:#38bdf8;--accent-mint:#10b981;--glow-peach:#ffa07a40;--glow-violet:#7c5cfc26;--glow-sky:#38bdf81f;--radius-lg:24px;--radius-md:16px;--transition-smooth:cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}.bg-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-layer:before{content:"";background:radial-gradient(circle, var(--glow-peach), transparent 70%);width:700px;height:700px;animation:14s ease-in-out infinite alternate blobFloat;position:absolute;top:-15%;left:-10%}.bg-layer:after{content:"";background:radial-gradient(circle, var(--glow-violet), transparent 70%);width:600px;height:600px;animation:14s ease-in-out 3s infinite alternate-reverse blobFloat;position:absolute;bottom:-10%;right:-8%}.bg-blob-extra{background:radial-gradient(circle, var(--glow-sky), transparent 70%);width:500px;height:500px;animation:12s ease-in-out 6s infinite alternate blobFloat;position:absolute;top:40%;left:55%}@keyframes blobFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.97)}to{transform:translate(10px,-10px)scale(1.03)}}.page{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:2.5rem 1.5rem;display:flex;position:relative}.greeting{text-align:center;animation:fadeSlideUp .9s var(--transition-smooth) both}.wave{transform-origin:70% 70%;filter:drop-shadow(0 4px 12px #ff6b6b40);font-size:3.2rem;animation:2.5s ease-in-out infinite waveHand;display:inline-block}@keyframes waveHand{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.greeting h1{background:linear-gradient(135deg, var(--accent-coral), var(--accent-violet), var(--accent-sky));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-top:.5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5.5vw,3.2rem);font-weight:700;line-height:1.15;animation:6s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.greeting .subtitle{color:var(--text-secondary);letter-spacing:.015em;margin-top:.6rem;font-size:1.1rem;font-weight:400}.video-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px)saturate(1.4);width:100%;max-width:780px;animation:fadeSlideUp .9s var(--transition-smooth) .1s both;transition:transform .5s var(--transition-smooth), box-shadow .5s ease;padding:.75rem;box-shadow:0 4px 24px #0000000a,0 1px 3px #00000008,0 12px 48px #7c5cfc0f}.video-card:hover{transform:translateY(-6px)scale(1.005);box-shadow:0 8px 40px #0000000f,0 2px 6px #0000000a,0 20px 60px #7c5cfc1a}.video-wrapper{border-radius:var(--radius-md);background:linear-gradient(135deg,#f8f4f0,#ede8e3);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-meta{align-items:center;gap:.55rem;margin-top:.75rem;padding:0 .4rem .15rem;display:flex}.live-indicator{background:var(--accent-mint);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #10b98173}50%{opacity:.6;box-shadow:0 0 0 7px #10b98100}}.video-meta span{color:var(--text-secondary);letter-spacing:.07em;text-transform:uppercase;font-size:.76rem;font-weight:600}.footer{text-align:center;animation:fadeSlideUp .9s var(--transition-smooth) .2s both}.footer p{color:var(--text-secondary);letter-spacing:.04em;font-size:.78rem}.footer .domain{background:linear-gradient(135deg, var(--accent-coral), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.not-found{text-align:center;animation:fadeSlideUp .9s var(--transition-smooth) both}.not-found .code{background:linear-gradient(135deg, var(--accent-coral), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,monospace;font-size:clamp(5rem,15vw,10rem);font-weight:800;line-height:1}.not-found h2{color:var(--text-primary);margin-top:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600}.not-found p{color:var(--text-secondary);margin-top:.75rem;font-size:.95rem}.not-found a{color:#fff;background:linear-gradient(135deg, var(--accent-coral), var(--accent-violet));border:none;border-radius:14px;align-items:center;gap:.4rem;margin-top:1.5rem;padding:.75rem 1.8rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .35s;display:inline-flex;box-shadow:0 4px 16px #ff6b6b40}.not-found a:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff6b6b59}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.page{gap:1.5rem;padding:1.5rem 1rem}.wave{font-size:2.5rem}.video-card{border-radius:18px;padding:.55rem}.video-wrapper{border-radius:13px}}