body{margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,sans-serif}#root{width:100%;min-height:100vh}code{background:#f4f3ec;padding:4px 8px;font-family:monospace;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#2f6bff;--primary-blue-deep:#163ea8;--accent-light:#7db7ff;--royal-ice:#d7e7ff;--dark-bg:#05070d;--obsidian:#0a1220;--panel-bg:#0a1220c7;--text-light:#edf4ff;--text-secondary:#9fb2d1;--border-color:#5a81c938;--transition:all .3s cubic-bezier(.25, .46, .45, .94)}body{color:var(--text-light);background:radial-gradient(circle at top,#2f6bff2e,#0000 30%),radial-gradient(circle at 80% 20%,#7db7ff1f,#0000 22%),linear-gradient(#04060c 0%,#07101c 55%,#05070d 100%);min-height:100vh;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}h1{background:linear-gradient(135deg, #fff 0%, var(--royal-ice) 35%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem}h2{color:var(--royal-ice);font-size:2.5rem}h3{color:var(--text-light);font-size:1.5rem}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--accent-light);transition:var(--transition);text-decoration:none}a:hover{color:#fff}.btn{color:var(--royal-ice);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.16em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0912208c;border:1px solid #7db7ff59;border-radius:999px;padding:.875rem 2rem;font-size:1rem;font-weight:600}.btn:hover{color:#fff;background:#183263e6;transform:translateY(-3px);box-shadow:0 18px 36px #163ea847}.btn-primary{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-deep) 100%);color:#fff;border-color:#7db7ff73}.btn-primary:hover{background:linear-gradient(135deg,#4b86ff 0%,#1d53d9 100%);border-color:#d7e7ff8c;box-shadow:0 22px 44px #2f6bff57}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{border-top:1px solid var(--border-color);padding:6rem 2rem}.section:first-of-type{border-top:none}@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 slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #2f6bff2e}50%{box-shadow:0 0 20px #2f6bff57}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in-up{animation:.6s ease-out fadeInUp}.fade-in-down{animation:.6s ease-out fadeInDown}.slide-in-left{animation:.6s ease-out slideInLeft}.slide-in-right{animation:.6s ease-out slideInRight}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#07101b}::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.5rem}.section{padding:3rem 1.5rem}}.app{width:100%;min-height:100vh}main{width:100%}html{scroll-padding-top:70px}a[href^=\#]{scroll-behavior:smooth}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.16em;color:#edf4ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0912208c;border:1px solid #7db7ff59;border-radius:999px;padding:1rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px #163ea847}.btn:active{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#2f6bff 0%,#163ea8 100%)}.btn-primary:hover{background:linear-gradient(135deg,#4b86ff 0%,#1d53d9 100%);border-color:#d7e7ff8c}@media (width<=768px){.btn{width:100%;padding:.9rem 1.2rem;font-size:.95rem}}