.App{min-height:100vh;width:100%;position:relative}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(20,241,149,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(153,69,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.container{max-width:1000px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:1}.header{text-align:center;margin-bottom:5rem;padding-bottom:3rem;position:relative}.header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#14f195,#9945ff,transparent);border-radius:2px}h1{font-size:3.5em;line-height:1.1;margin:0;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#14f195,#00d4ff,#9945ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 8s ease infinite;text-shadow:0 0 40px rgba(20,241,149,.2)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.content{display:flex;flex-direction:column;gap:4rem}.section{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#14f195,#9945ff,transparent);opacity:0;transition:opacity .4s ease}.section:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 12px 48px #0006,inset 0 1px #ffffff26,0 0 60px #14f1951a}.section:hover:before{opacity:1}.section h2{font-size:2.2em;margin-top:0;margin-bottom:2rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,#14f195,#9945ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:1rem}.section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#14f195,#9945ff);border-radius:2px}.subsection{margin-bottom:3rem;padding-left:1.5rem;border-left:2px solid rgba(20,241,149,.2);transition:border-color .3s ease}.subsection:hover{border-left-color:#14f19580}.subsection:last-child{margin-bottom:0}.subsection h3{font-size:1.5em;margin-top:0;margin-bottom:1.25rem;font-weight:600;color:#9945ff;letter-spacing:-.01em}p{line-height:1.8;margin-bottom:1.25rem;color:#ffffffd9;font-size:1.05em}p:last-child{margin-bottom:0}ul{margin:1.5rem 0;padding-left:0;list-style:none;line-height:1.9}li{margin-bottom:.75rem;color:#fffc;padding-left:1.75rem;position:relative;font-size:1.05em;transition:color .2s ease,transform .2s ease}li:before{content:"▸";position:absolute;left:0;color:#14f195;font-weight:700;transition:transform .2s ease}li:hover{color:#fffffff2;transform:translate(4px)}li:hover:before{transform:translate(4px)}li strong{color:#14f195;font-weight:600;letter-spacing:.01em}code{background:#14f19526;padding:.25em .5em;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace;font-size:.9em;color:#14f195;border:1px solid rgba(20,241,149,.2)}@media (prefers-color-scheme: light){.App:before{background:radial-gradient(circle at 20% 50%,rgba(20,241,149,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(153,69,255,.05) 0%,transparent 50%)}.section{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#00000014;box-shadow:0 8px 32px #00000014,inset 0 1px #fffc}.section:hover{box-shadow:0 12px 48px #0000001f,inset 0 1px #ffffffe6,0 0 60px #9945ff1a}.header:after{background:linear-gradient(90deg,transparent,#9945ff,#14f195,transparent)}p,li{color:#000000bf}li:hover{color:#000000e6}.subsection{border-left-color:#9945ff33}.subsection:hover{border-left-color:#9945ff66}li:before{color:#9945ff}li strong{color:#9945ff}code{background:#9945ff1a;color:#9945ff;border-color:#9945ff33}}@media (max-width: 768px){.container{padding:2rem 1.25rem}.header{margin-bottom:3rem;padding-bottom:2rem}h1{font-size:2.2em}.content{gap:2.5rem}.section{padding:2rem 1.5rem;border-radius:16px}.section h2{font-size:1.75em;margin-bottom:1.5rem}.subsection{padding-left:1rem;margin-bottom:2rem}.subsection h3{font-size:1.3em}p,li{font-size:1em}}@media (max-width: 480px){h1{font-size:1.8em}.section{padding:1.5rem 1.25rem}.section h2{font-size:1.5em}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#ffffffeb;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);background-attachment:fixed;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}@media (prefers-color-scheme: light){:root{color:#1a1a2e;background:linear-gradient(135deg,#f8f9fa,#e9ecef,#f1f3f5);background-attachment:fixed}}