:root{--color-bg-dark:#0f1419;--color-bg-secondary:#1a1f29;--color-bg-tertiary:#252d3d;--color-border:#3d4656;--color-text-primary:#e5e9f0;--color-text-secondary:#a8b2c1;--color-text-muted:#7a8491;--color-accent-emerald:#10b981;--color-accent-emerald-dark:#059669;--color-accent-amber:#f59e0b;--color-accent-amber-dark:#d97706;--color-accent-cyan:#06b6d4;--color-accent-rose:#f43f5e;--font-display:"Syne","Montserat",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"Fira Code","Monaco",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--duration-fast:200ms;--duration-base:300ms;--duration-slow:500ms;--easing-ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl);letter-spacing:-.02em}h2{font-size:var(--font-size-3xl);letter-spacing:-.01em}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--color-accent-cyan);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--duration-fast) var(--easing-ease-out)}a:hover{color:var(--color-accent-emerald)}code{border-radius:.25rem;color:var(--color-accent-cyan);font-family:var(--font-mono);font-size:.9em;padding:.25em .5em}code,pre{background-color:var(--color-bg-tertiary)}pre{border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:var(--spacing-md);overflow-x:auto;padding:var(--spacing-md)}pre code{background:none;color:var(--color-accent-cyan);padding:0}ol,ul{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}li{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{margin:0 auto;max-width:900px;padding:0 var(--spacing-lg)}.header{backdrop-filter:blur(10px);background:linear-gradient(180deg,var(--color-bg-dark) 0,rgba(15,20,25,.9) 100%);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between}.logo{background:linear-gradient(135deg,var(--color-accent-emerald),var(--color-accent-cyan));-webkit-background-clip:text;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);-webkit-text-fill-color:transparent;background-clip:text}.nav{align-items:center;display:flex;gap:var(--spacing-lg)}.nav a{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--duration-fast) var(--easing-ease-out)}.nav a:hover{color:var(--color-accent-emerald)}.hero{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(6,182,212,.05) 50%,rgba(15,20,25,0));border-bottom:1px solid var(--color-border);padding:var(--spacing-3xl) 0}.hero-content{max-width:800px}.hero h1{color:var(--color-text-primary);font-size:clamp(2rem,10vw,3.5rem);margin-bottom:var(--spacing-md)}.hero-subtitle{color:var(--color-accent-emerald);font-weight:var(--font-weight-semibold)}.hero p,.hero-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.hero p{color:var(--color-text-secondary);line-height:1.8}.hero-risks{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-xl)}.risk-item{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.risk-icon{flex-shrink:0;font-size:var(--font-size-2xl)}.risk-item h4{color:var(--color-text-primary);font-size:var(--font-size-sm);margin:0}.content{padding:var(--spacing-3xl) 0}.section{animation:fadeInUp .6s var(--easing-ease-out) both;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl);transition:all var(--duration-base) var(--easing-ease-in-out)}.section:nth-child(2){animation-delay:.1s}.section:nth-child(3){animation-delay:.2s}.section:nth-child(4){animation-delay:.3s}.section:nth-child(5){animation-delay:.4s}.section:nth-child(6){animation-delay:.5s}.section:nth-child(7){animation-delay:.6s}.section:nth-child(8){animation-delay:.7s}.section:nth-child(9){animation-delay:.8s}.section:hover{border-color:var(--color-accent-emerald);box-shadow:0 0 20px rgba(16,185,129,.1)}.section-number{background:linear-gradient(135deg,var(--color-accent-emerald),var(--color-accent-cyan));border-radius:50%;color:var(--color-bg-dark);display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:40px;justify-content:center;margin-bottom:var(--spacing-md);width:40px}.section h2,.section-number{align-items:center;display:flex}.section h2{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section h3{color:var(--color-accent-amber);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.code-block{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-amber);border-radius:.5rem;margin:var(--spacing-lg) 0;overflow-x:auto;padding:var(--spacing-md)}.code-block code{background:none;font-size:.875rem;padding:0}.code-block code,.command{color:var(--color-accent-cyan)}.command{align-items:center;background:var(--color-bg-tertiary);border-radius:.5rem;display:flex;font-family:var(--font-mono);font-size:var(--font-size-sm);gap:var(--spacing-md);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.command:before{color:var(--color-accent-amber);content:"$";font-weight:var(--font-weight-bold)}.section ul{list-style:none;margin-left:0}.section ul li{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg);position:relative}.section ul li:before{color:var(--color-accent-emerald);content:"→";font-weight:var(--font-weight-bold);left:0;position:absolute}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--spacing-2xl) 0;text-align:center}.footer a{color:var(--color-accent-cyan)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.reveal{opacity:0;transform:translateY(40px);transition:all var(--duration-base) var(--easing-ease-in-out)}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width:768px){.container{padding:0 var(--spacing-md)}.hero{padding:var(--spacing-2xl) 0}.hero h1{font-size:clamp(1.5rem,8vw,2.5rem)}.hero-risks{grid-template-columns:1fr}.section{padding:var(--spacing-lg)}.header-content{flex-direction:column;gap:var(--spacing-md)}.nav{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}