:root{--color-primary:#52525b;--color-primary-dark:#3f3f46;--color-primary-light:#71717a;--color-gold:#f59e0b;--color-gold-dark:#d97706;--color-gold-light:#fcd34d;--color-accent:#e5e7eb;--color-accent-dark:#9ca3af;--color-accent-light:#f9fafb;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-background:#0f0f0f;--color-background-light:#1a1a1a;--color-background-lighter:#262626;--color-surface:#1a1a1a;--color-surface-light:#262626;--color-surface-lighter:#404040;--color-text:#fff;--color-text-secondary:#e5e5e5;--color-text-muted:#a3a3a3;--color-text-disabled:#737373;--color-border:#404040;--color-border-light:#525252;--blur-backdrop:#0f0f0ff2;--blur-surface:#1a1a1acc;--gradient-primary:linear-gradient(135deg,#52525b,#3f3f46);--gradient-gold:linear-gradient(135deg,#f59e0b,#d97706);--gradient-accent:linear-gradient(135deg,#404040,#262626);--gradient-background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-md:0 10px 15px -3px #0006,0 4px 6px -2px #0003;--shadow-lg:0 20px 25px -5px #00000080,0 10px 10px -5px #0003;--shadow-xl:0 25px 50px -12px #0009;--shadow-gold:0 10px 25px -5px #f59e0b4d,0 4px 10px -2px #f59e0b33;--radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--transition-slow:.35s ease-in-out}
:root{--color-primary:#222831;--color-secondary:#393e46;--color-accent:#eee;--color-highlight:#00adb5;--color-primary-light:#2a2d35;--color-primary-dark:#1a1a1a;--color-secondary-light:#4a4f56;--color-secondary-dark:#2a2a2a;--color-accent-light:#f5f5f5;--color-accent-dark:#ccc;--color-highlight-light:#33d6e5;--color-highlight-dark:#008b94;--color-background:var(--color-primary);--color-surface:var(--color-secondary);--color-text-primary:var(--color-highlight);--color-text-secondary:var(--color-accent);--color-text-muted:var(--color-accent-dark);--color-hover:var(--color-secondary-light);--color-active:var(--color-highlight);--color-disabled:var(--color-accent-dark);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,var(--color-primary),var(--color-secondary));--gradient-accent:linear-gradient(135deg,var(--color-highlight),var(--color-accent));--gradient-surface:linear-gradient(135deg,var(--color-secondary),var(--color-primary));--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-highlight:0 10px 15px -3px #fff6e01a,0 4px 6px -2px #fff6e00d;--shadow-secondary:0 10px 15px -3px #61677a1a,0 4px 6px -2px #61677a0d;--opacity-disabled:.5;--opacity-muted:.7;--opacity-subtle:.1;--opacity-light:.2;--opacity-medium:.4;--opacity-strong:.6;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-highlight{background-color:var(--color-highlight)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-accent{border-color:var(--color-accent)}.border-highlight{border-color:var(--color-highlight)}.gradient-primary{background:var(--gradient-primary)}.gradient-accent{background:var(--gradient-accent)}.gradient-surface{background:var(--gradient-surface)}.shadow-highlight{box-shadow:var(--shadow-highlight)}.shadow-secondary{box-shadow:var(--shadow-secondary)}.btn-primary{background:var(--gradient-accent);color:var(--color-primary);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-highlight);border:none;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-1px)}.btn-secondary{background:var(--color-secondary);color:var(--color-text-primary);border:1px solid var(--color-accent);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-lg);font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--color-secondary-light);border-color:var(--color-highlight)}.card{background:var(--gradient-surface);border:1px solid rgba(var(--color-accent),var(--opacity-light));border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md)}.input{background:rgba(var(--color-secondary),var(--opacity-light));border:1px solid rgba(var(--color-accent),var(--opacity-light));color:var(--color-text-primary);padding:var(--space-md);border-radius:var(--radius-md);transition:all .2s}.input:focus{border-color:var(--color-highlight);box-shadow:0 0 0 3px rgba(var(--color-highlight),var(--opacity-light));outline:none}
.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-fast{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)}90%{transform:translateY(-4px)}}@keyframes wobble{0%{transform:translate(0,0)}15%{transform:translate(-25%)rotate(-5deg)}30%{transform:translate(20%)rotate(3deg)}45%{transform:translate(-15%)rotate(-3deg)}60%{transform:translate(10%)rotate(2deg)}75%{transform:translate(-5%)rotate(-1deg)}to{transform:translate(0,0)}}.animate-fadeIn{animation:.5s ease-out fadeIn}.animate-fadeInUp{animation:.6s ease-out fadeInUp}.animate-fadeInDown{animation:.6s ease-out fadeInDown}.animate-fadeInLeft{animation:.6s ease-out fadeInLeft}.animate-fadeInRight{animation:.6s ease-out fadeInRight}.animate-scaleIn{animation:.4s ease-out scaleIn}.animate-slideInRight{animation:.4s cubic-bezier(.4,0,.2,1) slideInRight}.animate-slideInLeft{animation:.4s cubic-bezier(.4,0,.2,1) slideInLeft}.animate-slideInUp{animation:.4s cubic-bezier(.4,0,.2,1) slideInUp}.animate-slideInDown{animation:.4s cubic-bezier(.4,0,.2,1) slideInDown}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-bounce{animation:1s infinite bounce}.animate-wobble{animation:1s ease-in-out wobble}.animate-stagger-1{animation-delay:.1s}.animate-stagger-2{animation-delay:.2s}.animate-stagger-3{animation-delay:.3s}.animate-stagger-4{animation-delay:.4s}.animate-stagger-5{animation-delay:.5s}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 20px #fff6e04d}.btn-animate{transition:all .3s;position:relative;overflow:hidden}.btn-animate:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-animate:hover:before{left:100%}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .loading-skeleton{background:linear-gradient(90deg,#61677a 25%,#272829 50%,#61677a 75%) 0 0/200% 100%}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-skeleton{background:linear-gradient(90deg,#393e4633 25%,#393e4666 50%,#393e4633 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}.modal-backdrop{animation:.3s ease-out fadeIn}.modal-content{animation:.3s ease-out scaleIn}.page-enter{animation:.6s ease-out fadeInUp}.section-enter{opacity:0;animation:.8s ease-out forwards fadeInUp;transform:translateY(30px)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.nav-item{transition:all .3s;position:relative}.nav-item:after{content:"";background:var(--color-highlight);width:0;height:2px;transition:all .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-item:hover:after{width:100%}.form-input{transition:all .3s}.form-input:focus{transform:translateY(-2px);box-shadow:0 8px 25px #fff6e026}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ease-out-quad:cubic-bezier(.25,.46,.45,.94);--ease-out-cubic:cubic-bezier(.215,.61,.355,1);--ease-out-quart:cubic-bezier(.165,.84,.44,1);--ease-out-quint:cubic-bezier(.23,1,.32,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-out-back:cubic-bezier(.175,.885,.32,1.275)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(2deg)}66%{transform:translateY(10px)rotate(-2deg)}}@keyframes float-delayed{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(20px)rotate(-2deg)}66%{transform:translateY(-10px)rotate(2deg)}}@keyframes float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.02)}}.animate-float{animation:6s ease-in-out infinite float}.animate-float-delayed{animation:8s ease-in-out 1s infinite float-delayed}.animate-float-slow{animation:10s ease-in-out 2s infinite float-slow}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient{background-size:300% 300%;animation:8s infinite gradient}.bg-300\%{background-size:300% 300%}.animate-stagger-6{animation-delay:.6s}.animate-stagger-7{animation-delay:.7s}.animate-stagger-8{animation-delay:.8s}.animate-stagger-9{animation-delay:.9s}
:root{--yoru-black:#0a0a0a;--yoru-dark:#1a1a1a;--yoru-gray-900:#222831;--yoru-gray-800:#272829;--yoru-gray-700:#393e46;--yoru-gray-600:#61677a;--yoru-gray-500:#86868b;--yoru-gray-400:#a1a1a6;--yoru-gray-300:#d2d2d7;--yoru-gray-200:#eee;--yoru-white:#fff;--yoru-teal:#00adb5;--yoru-teal-hover:#008a91;--yoru-teal-light:#4dd0e1;--yoru-cream:#fff6e0;--yoru-silver:#d8d9da;--yoru-green:#4caf50;--yoru-red:#f44336;--yoru-orange:#ff9800;--yoru-purple:#9c27b0;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Helvetica Neue",Arial,sans-serif;--space-1:.125rem;--space-2:.25rem;--space-3:.5rem;--space-4:.75rem;--space-5:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #00000012,0 1px 3px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000040;--blur-sm:4px;--blur-md:12px;--blur-lg:24px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-spring:.6s cubic-bezier(.16,1,.3,1)}.yoru-display-hero{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:800;line-height:1.05}.yoru-display-large{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.1}.yoru-display-medium{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.75rem,5vw,3rem);font-weight:600;line-height:1.2}.yoru-headline{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;line-height:1.25}.yoru-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;line-height:1.3}.yoru-subtitle{font-family:var(--font-body);color:var(--yoru-gray-600);font-size:clamp(1rem,2.5vw,1.375rem);font-weight:400;line-height:1.5}.yoru-body{font-family:var(--font-body);color:var(--yoru-gray-700);font-size:1.125rem;font-weight:400;line-height:1.6}.yoru-caption{font-family:var(--font-body);color:var(--yoru-gray-600);font-size:.9375rem;font-weight:500;line-height:1.4}@keyframes yoru-reveal{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes yoru-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes yoru-glow{0%,to{box-shadow:0 0 20px #00adb54d}50%{box-shadow:0 0 40px #00adb599}}.yoru-animate-reveal{animation:1s cubic-bezier(.16,1,.3,1) forwards yoru-reveal}.yoru-animate-float{animation:6s ease-in-out infinite yoru-float}.yoru-animate-glow{animation:4s ease-in-out infinite yoru-glow}.yoru-button-primary{background:linear-gradient(135deg,var(--yoru-teal)0%,var(--yoru-teal-light)100%);color:var(--yoru-white);padding:var(--space-5)var(--space-8);font-family:var(--font-display);cursor:pointer;transition:all var(--transition-spring);border:none;border-radius:16px;font-size:1.125rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 8px 32px #00adb54d}.yoru-button-primary:hover{transform:translateY(-3px);box-shadow:0 16px 48px #00adb566}.yoru-button-secondary{color:var(--yoru-teal);border:2px solid var(--yoru-teal);padding:var(--space-4)var(--space-8);font-family:var(--font-display);cursor:pointer;transition:all var(--transition-spring);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));background:0 0;border-radius:16px;font-size:1.125rem;font-weight:600}.yoru-button-secondary:hover{background:var(--yoru-teal);color:var(--yoru-white);transform:translateY(-2px);box-shadow:0 12px 32px #00adb54d}.yoru-card{-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));padding:var(--space-8);transition:all var(--transition-spring);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000001a}.yoru-card:hover{border-color:#00adb54d;transform:translateY(-8px);box-shadow:0 24px 64px #00000026}.yoru-card-light{background:var(--yoru-white);color:var(--yoru-gray-900);box-shadow:0 8px 32px #00000014}.yoru-gradient-hero{background:linear-gradient(135deg,var(--yoru-black)0%,var(--yoru-gray-900)50%,var(--yoru-gray-800)100%)}.yoru-gradient-section{background:linear-gradient(180deg,var(--yoru-white)0%,var(--yoru-gray-200)100%)}.yoru-gradient-accent{background:linear-gradient(135deg,var(--yoru-teal)0%,var(--yoru-silver)100%)}.landing-hero-section,.landing-problem-section,.landing-demo-section,.landing-speed-section,.landing-control-section,.landing-features-section,.landing-pricing-section,.landing-faq-section,.landing-cta-section{background:0 0}.feature-icon-gradient-border{border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1.5rem;display:inline-flex;position:relative;box-shadow:0 25px 50px -12px #00adb54d}.feature-icon-gradient-border:before{content:"";background:linear-gradient(to right bottom in oklab,#00adb5 0%,#4dd0e1 100%);-webkit-mask-composite:xor;border-radius:1rem;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.yoru-scroll-section{opacity:0;transition:all 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(80px)}.yoru-scroll-section.revealed{opacity:1;transform:translateY(0)}.yoru-scroll-card{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(50px)scale(.95)}.yoru-scroll-card.revealed{opacity:1;transform:translateY(0)scale(1)}.yoru-scroll-fade{opacity:0;transition:opacity 1.5s cubic-bezier(.16,1,.3,1)}.yoru-scroll-fade.revealed{opacity:1}.yoru-parallax{transition:transform .1s linear;transform:translateY(0)}.yoru-sticky-header{z-index:100;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));transition:all var(--transition-normal);background:#0a0a0acc;position:sticky;top:0}.yoru-section{padding:var(--space-24)0}.yoru-section-large{padding:var(--space-32)0}.yoru-container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}@media (min-width:768px){.yoru-container{padding:0 var(--space-8)}}@media (min-width:1024px){.yoru-container{padding:0 var(--space-12)}}.yoru-interactive{cursor:pointer;transition:all var(--transition-spring)}.yoru-interactive:hover{transform:translateY(-4px)}.yoru-magnetic{transition:transform .3s cubic-bezier(.16,1,.3,1)}.yoru-glass{-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:#ffffff0d;border:1px solid #ffffff1a}.yoru-glass-light{-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:#fffc;border:1px solid #0000001a}.yoru-will-change-transform{will-change:transform}.yoru-will-change-opacity{will-change:opacity}.yoru-hardware-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.yoru-smooth-rendering{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-reduced-motion:reduce){.yoru-scroll-section,.yoru-scroll-card,.yoru-scroll-fade{transition:none!important;animation:none!important}.yoru-animate-reveal,.yoru-animate-float,.yoru-animate-glow{animation:none!important}}@media (prefers-contrast:high){.yoru-glass{border:2px solid var(--yoru-gray-900);background:#fffffff2}.yoru-glass-light{background:var(--yoru-white);border:2px solid var(--yoru-gray-900)}}@media print{.yoru-gradient-hero,.yoru-gradient-section{color:#000!important;background:#fff!important}.yoru-animate-reveal,.yoru-animate-float,.yoru-animate-glow{animation:none!important}}.yoru-focus-visible:focus-visible{outline:2px solid var(--yoru-teal);outline-offset:4px;border-radius:8px}.yoru-skeleton{background:linear-gradient(90deg,#ffffff1a 0%,#fff3 50%,#ffffff1a 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite yoru-skeleton-loading}@keyframes yoru-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.yoru-section{padding:var(--space-16)0}.yoru-section-large{padding:var(--space-20)0}.yoru-scroll-section{transform:translateY(40px)}.yoru-scroll-card{transform:translateY(30px)scale(.98)}}@media (min-width:1400px){.yoru-container{max-width:1400px}.yoru-section-large{padding:var(--space-40)0}}@media (prefers-color-scheme:dark){.yoru-card-light{background:var(--yoru-gray-900);color:var(--yoru-white);border:1px solid var(--yoru-gray-800)}}@media (max-width:768px) and (prefers-reduced-motion:no-preference){.yoru-animate-float{animation-duration:8s}.yoru-animate-glow{animation-duration:6s}}
:root{--yoru-dark:#0f0f0f;--yoru-darker:#0a0a0a;--yoru-gray:#393e46;--yoru-light-gray:#d8d9da;--yoru-accent:#00adb5;--yoru-cream:#fff6e0;--yoru-background:var(--yoru-dark);--yoru-background-secondary:var(--yoru-darker);--yoru-surface:var(--yoru-gray);--yoru-surface-hover:#4a4f56;--yoru-border:#d8d9da1a;--yoru-border-strong:#d8d9da33;--yoru-text-primary:#fff;--yoru-text-secondary:var(--yoru-light-gray);--yoru-text-muted:#d8d9dab3;--yoru-text-accent:var(--yoru-accent);--yoru-text-warm:var(--yoru-cream);--yoru-accent-primary:var(--yoru-accent);--yoru-accent-secondary:var(--yoru-cream);--yoru-hover-bg:#00adb51a;--yoru-active-bg:#00adb533;--yoru-success:#10b981;--yoru-success-bg:#10b9811a;--yoru-warning:#f59e0b;--yoru-warning-bg:#f59e0b1a;--yoru-error:#ef4444;--yoru-error-bg:#ef44441a;--yoru-info:var(--yoru-accent);--yoru-info-bg:var(--yoru-hover-bg);--yoru-shadow-sm:0 1px 2px 0 #0000000d;--yoru-shadow-md:0 4px 6px -1px #0000001a;--yoru-shadow-lg:0 10px 15px -3px #0000001a;--yoru-shadow-accent:0 10px 15px -3px #00adb533;--yoru-shadow-warm:0 10px 15px -3px #fff6e01a;--yoru-space-1:.25rem;--yoru-space-2:.5rem;--yoru-space-3:.75rem;--yoru-space-4:1rem;--yoru-space-5:1.25rem;--yoru-space-6:1.5rem;--yoru-space-8:2rem;--yoru-space-10:2.5rem;--yoru-space-12:3rem;--yoru-space-16:4rem;--yoru-radius-sm:.375rem;--yoru-radius-md:.5rem;--yoru-radius-lg:.75rem;--yoru-radius-xl:1rem;--yoru-radius-2xl:1.5rem;--yoru-radius-3xl:2rem;--yoru-radius-full:9999px}.yoru-page-layout{background:linear-gradient(to bottom right,var(--yoru-dark),var(--yoru-darker));min-height:100vh;color:var(--yoru-text-primary)}.yoru-dashboard-layout{background:linear-gradient(to bottom right,var(--yoru-dark)0%,#00adb51a 50%,var(--yoru-darker)100%)}.yoru-card{background:linear-gradient(to bottom right,var(--yoru-gray),var(--yoru-dark));border:1px solid var(--yoru-border);border-radius:var(--yoru-radius-xl);box-shadow:var(--yoru-shadow-md);transition:all .2s}.yoru-card:hover{box-shadow:var(--yoru-shadow-lg);border-color:var(--yoru-border-strong);transform:translateY(-2px)}.yoru-card-accent{background:linear-gradient(to bottom right,#00adb51a,var(--yoru-gray));border-color:#00adb533}.yoru-card-warm{background:linear-gradient(to bottom right,#fff6e00d,var(--yoru-gray));border-color:#fff6e01a}.yoru-btn{padding:var(--yoru-space-3)var(--yoru-space-6);border-radius:var(--yoru-radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;line-height:1.25;transition:all .2s;display:inline-flex}.yoru-btn-primary{background:linear-gradient(to right,var(--yoru-accent),var(--yoru-cream));color:var(--yoru-dark);box-shadow:var(--yoru-shadow-accent)}.yoru-btn-primary:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 20px 25px -5px #00adb54d}.yoru-btn-secondary{background:var(--yoru-gray);color:var(--yoru-text-primary);border:1px solid var(--yoru-border-strong)}.yoru-btn-secondary:hover{background:var(--yoru-surface-hover);border-color:var(--yoru-accent);transform:translateY(-1px)}.yoru-btn-ghost{color:var(--yoru-text-secondary);background:0 0;border:1px solid #0000}.yoru-btn-ghost:hover{background:var(--yoru-hover-bg);color:var(--yoru-text-accent);border-color:var(--yoru-border)}.yoru-input{border:1px solid var(--yoru-border);border-radius:var(--yoru-radius-lg);padding:var(--yoru-space-3)var(--yoru-space-4);color:var(--yoru-text-primary);background:#393e464d;width:100%;font-size:.875rem;transition:all .2s}.yoru-input::placeholder{color:var(--yoru-text-muted)}.yoru-input:focus{border-color:var(--yoru-accent);background:#393e4666;outline:none;box-shadow:0 0 0 3px #00adb51a}.yoru-nav-item{align-items:center;gap:var(--yoru-space-3);padding:var(--yoru-space-3)var(--yoru-space-4);border-radius:var(--yoru-radius-lg);color:var(--yoru-text-secondary);font-weight:500;text-decoration:none;transition:all .2s;display:flex}.yoru-nav-item:hover{background:var(--yoru-hover-bg);color:var(--yoru-text-accent);transform:translate(2px)}.yoru-nav-item.active{color:var(--yoru-accent);border-right:2px solid var(--yoru-accent);background:linear-gradient(90deg,#00adb533,#0000)}.yoru-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#222831cc}.yoru-modal-content{background:linear-gradient(to bottom right,var(--yoru-gray),var(--yoru-dark));border:1px solid var(--yoru-border-strong);border-radius:var(--yoru-radius-2xl);box-shadow:var(--yoru-shadow-lg)}.yoru-status-success{background:var(--yoru-success-bg);color:var(--yoru-success);border:1px solid #10b98133}.yoru-status-warning{background:var(--yoru-warning-bg);color:var(--yoru-warning);border:1px solid #f59e0b33}.yoru-status-error{background:var(--yoru-error-bg);color:var(--yoru-error);border:1px solid #ef444433}.yoru-status-info{background:var(--yoru-info-bg);color:var(--yoru-info);border:1px solid #00adb533}.yoru-skeleton{background:linear-gradient(90deg,var(--yoru-gray)25%,var(--yoru-surface-hover)50%,var(--yoru-gray)75%);border-radius:var(--yoru-radius-md);background-size:200% 100%;animation:2s infinite yoru-shimmer}@keyframes yoru-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.yoru-heading-1{color:var(--yoru-text-primary);margin-bottom:var(--yoru-space-6);font-size:2.5rem;font-weight:800;line-height:1.2}.yoru-heading-2{color:var(--yoru-text-primary);margin-bottom:var(--yoru-space-5);font-size:2rem;font-weight:700;line-height:1.3}.yoru-heading-3{color:var(--yoru-text-primary);margin-bottom:var(--yoru-space-4);font-size:1.5rem;font-weight:600;line-height:1.4}.yoru-body{color:var(--yoru-text-secondary);font-size:1rem;line-height:1.6}.yoru-body-sm{color:var(--yoru-text-muted);font-size:.875rem;line-height:1.5}.yoru-gradient-primary{background:linear-gradient(to right,var(--yoru-accent),var(--yoru-cream));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.yoru-gradient-bg{background:linear-gradient(to bottom right,var(--yoru-dark),var(--yoru-darker))}.yoru-gradient-surface{background:linear-gradient(to bottom right,var(--yoru-gray),var(--yoru-dark))}.yoru-text-accent{color:var(--yoru-text-accent)}.yoru-text-warm{color:var(--yoru-text-warm)}.yoru-text-muted{color:var(--yoru-text-muted)}.yoru-bg-surface{background:var(--yoru-surface)}.yoru-bg-hover{background:var(--yoru-hover-bg)}.yoru-border{border-color:var(--yoru-border)}.yoru-border-strong{border-color:var(--yoru-border-strong)}@media (max-width:768px){.yoru-heading-1{font-size:2rem}.yoru-heading-2{font-size:1.75rem}.yoru-heading-3{font-size:1.25rem}.yoru-btn{padding:var(--yoru-space-3)var(--yoru-space-4);font-size:.875rem}.yoru-card{border-radius:var(--yoru-radius-lg)}}.yoru-animate-fade-in{animation:.3s ease-out yoru-fade-in}.yoru-animate-scale-in{animation:.3s cubic-bezier(.4,0,.2,1) yoru-scale-in}.yoru-animate-slide-up{animation:.3s ease-out yoru-slide-up}@keyframes yoru-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yoru-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes yoru-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}