:root{--brand-50:#fff8f3;--brand-100:#ffedd5;--brand-200:#fed7aa;--brand-300:#fdba74;--brand-400:#fb923c;--brand-500:#f97316;--brand-600:#ea580c;--brand-700:#c2410c;--brand-800:#9a3412;--brand-900:#7c2d12;--brand-950:#431407;--accent-50:#faf5ff;--accent-100:#f3e8ff;--accent-200:#e9d5ff;--accent-300:#d8b4fe;--accent-400:#c084fc;--accent-500:#a855f7;--accent-600:#9333ea;--accent-700:#7c3aed;--accent-800:#6b21a8;--accent-900:#581c87;--gray-25:#fcfcfd;--gray-50:#f9fafb;--gray-100:#f2f4f7;--gray-200:#e4e7ec;--gray-300:#d0d5dd;--gray-400:#98a2b3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#1d2939;--gray-900:#101828;--gray-950:#0c111d;--yt-white:#fff;--yt-black:#000;--yt-orange-50:var(--brand-50);--yt-orange-100:var(--brand-100);--yt-orange-200:var(--brand-200);--yt-orange-300:var(--brand-300);--yt-orange-400:var(--brand-400);--yt-orange-500:var(--brand-500);--yt-orange-600:var(--brand-600);--yt-orange-700:var(--brand-700);--yt-orange-800:var(--brand-800);--yt-orange-900:var(--brand-900);--yt-gray-50:var(--gray-50);--yt-gray-100:var(--gray-100);--yt-gray-200:var(--gray-200);--yt-gray-300:var(--gray-300);--yt-gray-400:var(--gray-400);--yt-gray-500:var(--gray-500);--yt-gray-600:var(--gray-600);--yt-gray-700:var(--gray-700);--yt-gray-800:var(--gray-800);--yt-gray-900:var(--gray-900);--success-50:#ecfdf3;--success-100:#d1fadf;--success-500:#12b76a;--success-600:#039855;--yt-success:var(--success-500);--yt-success-light:var(--success-50);--error-50:#fef3f2;--error-100:#fee4e2;--error-500:#f04438;--error-600:#d92d20;--yt-error:var(--error-500);--yt-error-light:var(--error-50);--warning-50:#fffaeb;--warning-100:#fef0c7;--warning-500:#f79009;--warning-600:#dc6803;--yt-warning:var(--warning-500);--yt-warning-light:var(--warning-50);--info-50:#eff8ff;--info-100:#d1e9ff;--info-500:#2e90fa;--info-600:#1570ef;--yt-info:var(--info-500);--yt-info-light:var(--info-50);--gradient-brand:linear-gradient(135deg,#f97316 0%,#ea580c 50%,#c2410c 100%);--gradient-hero:linear-gradient(135deg,#f97316 0%,#a855f7 100%);--gradient-subtle:linear-gradient(135deg,#f973161a 0%,#a855f71a 100%);--gradient-glass:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);--gradient-dark:linear-gradient(180deg,#101828 0%,#0c111d 100%);--gradient-mesh:radial-gradient(at 40% 20%,#f9731626 0px,transparent 50%),radial-gradient(at 80% 0%,#a855f71a 0px,transparent 50%),radial-gradient(at 0% 50%,#f973161a 0px,transparent 50%),radial-gradient(at 80% 50%,#a855f714 0px,transparent 50%),radial-gradient(at 0% 100%,#f9731614 0px,transparent 50%);--shadow-xs:0px 1px 2px #1018280d;--shadow-sm:0px 1px 3px #1018281a,0px 1px 2px #1018280f;--shadow-md:0px 4px 8px -2px #1018281a,0px 2px 4px -2px #1018280f;--shadow-lg:0px 12px 16px -4px #10182814,0px 4px 6px -2px #10182808;--shadow-xl:0px 20px 24px -4px #10182814,0px 8px 8px -4px #10182808;--shadow-2xl:0px 24px 48px -12px #1018282e;--shadow-3xl:0px 32px 64px -12px #10182824;--shadow-brand:0px 20px 40px -8px #f973164d;--shadow-brand-lg:0px 32px 64px -12px #f9731666;--shadow-accent:0px 20px 40px -8px #a855f74d;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--font-display:"Cal Sans","Inter",-apple-system,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-primary:var(--font-body);--text-xs:clamp(.7rem,.8vw,.75rem);--text-sm:clamp(.8rem,.9vw,.875rem);--text-base:clamp(.9rem,1vw,1rem);--text-lg:clamp(1rem,1.1vw,1.125rem);--text-xl:clamp(1.1rem,1.25vw,1.25rem);--text-2xl:clamp(1.4rem,1.5vw,1.5rem);--text-3xl:clamp(1.7rem,2vw,1.875rem);--text-4xl:clamp(2rem,2.5vw,2.25rem);--text-5xl:clamp(2.5rem,3.5vw,3rem);--text-6xl:clamp(3rem,4.5vw,3.75rem);--text-7xl:clamp(3.5rem,5.5vw,4.5rem);--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--space-0:0;--space-px:1px;--space-0\.5:.125rem;--space-1:.25rem;--space-1\.5:.375rem;--space-2:.5rem;--space-2\.5:.625rem;--space-3:.75rem;--space-3\.5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--radius-full:9999px;--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--duration-slowest:.7s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--ease-elastic:cubic-bezier(.68,-.6,.32,1.6);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--transition-fast:var(--duration-fast)var(--ease-out);--transition-normal:var(--duration-normal)var(--ease-out);--transition-slow:var(--duration-slow)var(--ease-out);--transition-colors:color var(--duration-fast)var(--ease-out),background-color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out);--transition-transform:transform var(--duration-normal)var(--ease-spring);--transition-shadow:box-shadow var(--duration-normal)var(--ease-out);--transition-all:all var(--duration-normal)var(--ease-out);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-command-palette:900;--container-xs:320px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--bg-primary:var(--yt-white);--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-elevated:var(--yt-white);--bg-inverse:var(--gray-900);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-400);--text-inverse:var(--yt-white);--border-primary:var(--gray-200);--border-secondary:var(--gray-300);--border-focus:var(--brand-500);--accent-primary:var(--brand-500);--accent-hover:var(--brand-600);--accent-active:var(--brand-700);--accent-light:var(--brand-100);--glass-bg:#fffc;--glass-border:#fff3}[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#18181b;--bg-elevated:#1f1f23;--bg-inverse:var(--yt-white);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-inverse:var(--gray-900);--border-primary:#27272a;--border-secondary:#3f3f46;--border-focus:var(--brand-400);--accent-primary:#fb923c;--accent-hover:var(--brand-500);--accent-active:var(--brand-600);--accent-light:#f9731626;--shadow-lg:0px 12px 16px -4px #0006;--shadow-xl:0px 20px 24px -4px #00000080;--shadow-2xl:0px 24px 48px -12px #0009;--shadow-brand:0px 20px 40px -8px #fb923c40;--glass-bg:#111113cc;--glass-border:#ffffff1a;--gradient-subtle:linear-gradient(135deg,#fb923c26 0%,#c084fc26 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#18181b;--bg-elevated:#1f1f23;--bg-inverse:var(--yt-white);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-inverse:var(--gray-900);--border-primary:#27272a;--border-secondary:#3f3f46;--border-focus:var(--brand-400);--accent-primary:#fb923c;--accent-hover:var(--brand-500);--accent-active:var(--brand-600);--accent-light:#f9731626;--shadow-lg:0px 12px 16px -4px #0006;--shadow-xl:0px 20px 24px -4px #00000080;--shadow-2xl:0px 24px 48px -12px #0009;--shadow-brand:0px 20px 40px -8px #fb923c40;--glass-bg:#111113cc;--glass-border:#ffffff1a;--gradient-subtle:linear-gradient(135deg,#fb923c26 0%,#c084fc26 100%)}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25%)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatRotate{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(1deg)}50%{transform:translateY(-10px)rotate(0)}75%{transform:translateY(-5px)rotate(-1deg)}}@keyframes meshFloat{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,2%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-1deg)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes badgePulse{0%,to{box-shadow:0 0 #f9731633}50%{box-shadow:0 0 0 8px #f9731600}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #f9731633}50%{box-shadow:0 0 40px #f9731666}}@keyframes buttonShimmer{0%{left:-100%}50%,to{left:100%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.skeleton{background:linear-gradient(90deg,var(--gray-200)25%,var(--gray-100)50%,var(--gray-200)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:80%}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.skeleton-card{border-radius:var(--radius-2xl);height:200px}.animate-fadeIn{animation:fadeIn .5s var(--ease-out)forwards}.animate-fadeInUp{animation:fadeInUp .5s var(--ease-out)forwards;opacity:0}.animate-fadeInDown{animation:fadeInDown .5s var(--ease-out)forwards;opacity:0}.animate-fadeInLeft{animation:fadeInLeft .5s var(--ease-out)forwards;opacity:0}.animate-fadeInRight{animation:fadeInRight .5s var(--ease-out)forwards;opacity:0}.animate-scaleIn{animation:scaleIn .3s var(--ease-spring)forwards;opacity:0}.animate-bounce{animation:1s infinite bounce}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.animate-float{animation:4s ease-in-out infinite float}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.animate-delay-7{animation-delay:.7s}.animate-delay-8{animation-delay:.8s}.hover-lift{transition:transform var(--duration-normal)var(--ease-spring),box-shadow var(--duration-normal)var(--ease-out)}.hover-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.hover-scale{transition:transform var(--duration-normal)var(--ease-spring)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--duration-normal)var(--ease-out)}.hover-glow:hover{box-shadow:0 0 30px #f973164d}.hover-brightness{transition:filter var(--duration-fast)var(--ease-out)}.hover-brightness:hover{filter:brightness(1.1)}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transition:all .3s var(--ease-out);transform:translateY(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s var(--ease-in)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fadeInUp,.animate-fadeInDown,.animate-fadeInLeft,.animate-fadeInRight,.animate-scaleIn{opacity:1;transform:none}}.transition-none{transition:none!important}.transition-all{transition:all var(--duration-normal)var(--ease-out)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:opacity var(--duration-normal)var(--ease-out)}.duration-fast{transition-duration:var(--duration-fast)!important;animation-duration:var(--duration-fast)!important}.duration-normal{transition-duration:var(--duration-normal)!important;animation-duration:var(--duration-normal)!important}.duration-slow{transition-duration:var(--duration-slow)!important;animation-duration:var(--duration-slow)!important}.ease-linear{transition-timing-function:linear!important;animation-timing-function:linear!important}.ease-in{transition-timing-function:var(--ease-in)!important;animation-timing-function:var(--ease-in)!important}.ease-out{transition-timing-function:var(--ease-out)!important;animation-timing-function:var(--ease-out)!important}.ease-in-out{transition-timing-function:var(--ease-in-out)!important;animation-timing-function:var(--ease-in-out)!important}.ease-bounce{transition-timing-function:var(--ease-bounce)!important;animation-timing-function:var(--ease-bounce)!important}.ease-spring{transition-timing-function:var(--ease-spring)!important;animation-timing-function:var(--ease-spring)!important}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;transition:background-color var(--duration-normal),color var(--duration-normal)}a{color:inherit;transition:color var(--duration-fast);text-decoration:none}button{cursor:pointer;font-family:inherit}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--gray-900)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full);border:2px solid var(--gray-100)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-700);border-color:var(--gray-900)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}:focus-visible{outline:2px solid var(--brand-500);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--brand-100);color:var(--brand-900)}[data-theme=dark] ::selection{color:var(--brand-100);background-color:#f973164d}.skip-link{top:-60px;left:var(--space-4);padding:var(--space-3)var(--space-6);background:var(--brand-500);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-lg);z-index:9999;transition:top var(--duration-fast)var(--ease-out);box-shadow:var(--shadow-lg);position:absolute}.skip-link:focus{top:var(--space-4)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-8)}}@media (prefers-reduced-motion:no-preference){main{animation:fadeIn var(--duration-slow)var(--ease-out)}}
