@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-primary:#050810;--bg-secondary:#0a0e1a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--border:#ffffff14;--border-hover:#63b3ed66;--accent-cyan:#63b3ed;--accent-blue:#4299e1;--accent-purple:#9f7aea;--accent-pink:#ed64a6;--accent-green:#68d391;--accent-orange:#f6ad55;--gradient-hero:linear-gradient(135deg, #63b3ed 0%, #9f7aea 50%, #ed64a6 100%);--gradient-card:linear-gradient(135deg, #63b3ed1a 0%, #9f7aea0d 100%);--gradient-text:linear-gradient(135deg, #63b3ed, #9f7aea, #ed64a6);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--section-padding:75px;--container-max:1200px;--shadow-glow:0 0 40px #63b3ed26;--shadow-card:0 4px 24px #0006;--shadow-card-hover:0 8px 40px #63b3ed33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;max-width:100vw;scroll-padding-top:85px;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-cyan), var(--accent-purple));border-radius:3px}::selection{color:#fff;background:#63b3ed4d}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #63b3ed4d}50%{box-shadow:0 0 40px #63b3ed99,0 0 80px #9f7aea33}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0)translate(0)rotate(0)}33%{opacity:1;transform:translateY(-30px)translate(20px)rotate(120deg)}66%{opacity:.4;transform:translateY(10px)translate(-20px)rotate(240deg)}}.animate-fadeInUp{animation:.7s forwards fadeInUp}.animate-fadeIn{animation:.7s forwards fadeIn}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-spin-slow{animation:10s linear infinite spin-slow}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.glass-hover:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transition:all .3s;transform:translateY(-4px)}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.section,section,[id]{scroll-margin-top:85px}.section{padding:var(--section-padding) 0}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-subtitle{color:#718096;max-width:600px;font-size:1.1rem}.badge{letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;border-radius:99px;align-items:center;gap:8px;width:fit-content;padding:6px 16px;font-size:.75rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #00000040}.badge:hover{transform:translateY(-2px)}.badge-cyan{color:#63b3ed;background:linear-gradient(135deg,#63b3ed29 0%,#63b3ed0d 100%);border:1px solid #63b3ed59;box-shadow:0 0 20px #63b3ed33,inset 0 0 12px #63b3ed14}.badge-cyan:hover{border-color:#63b3ed99;box-shadow:0 0 26px #63b3ed59,inset 0 0 14px #63b3ed1f}.badge-purple{color:#b794f4;background:linear-gradient(135deg,#9f7aea29 0%,#9f7aea0d 100%);border:1px solid #9f7aea59;box-shadow:0 0 20px #9f7aea33,inset 0 0 12px #9f7aea14}.badge-purple:hover{border-color:#9f7aea99;box-shadow:0 0 26px #9f7aea59,inset 0 0 14px #9f7aea1f}.badge-green{color:#48bb78;background:linear-gradient(135deg,#48bb7829 0%,#48bb780d 100%);border:1px solid #48bb7859;box-shadow:0 0 20px #48bb7833,inset 0 0 12px #48bb7814}.badge-green:hover{border-color:#48bb7899;box-shadow:0 0 26px #48bb7859,inset 0 0 14px #48bb781f}.badge-orange{color:#ed8936;background:linear-gradient(135deg,#ed893629 0%,#ed89360d 100%);border:1px solid #ed893659;box-shadow:0 0 20px #ed893633,inset 0 0 12px #ed893614}.badge-orange:hover{border-color:#ed893699;box-shadow:0 0 26px #ed893659,inset 0 0 14px #ed89361f}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite badgeBlink;display:inline-block;box-shadow:0 0 8px}@keyframes badgeBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.btn{letter-spacing:.01em;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;box-shadow:0 4px 20px #63b3ed4d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 30px #63b3ed80}.btn-outline{border:1px solid var(--border-hover);color:var(--accent-cyan);background:#63b3ed0d}.btn-outline:hover{background:#63b3ed1a;transform:translateY(-2px);box-shadow:0 4px 20px #63b3ed33}.noise-bg:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-cyan{background:radial-gradient(circle,#63b3ed4d 0%,#0000 70%)}.orb-purple{background:radial-gradient(circle,#9f7aea40 0%,#0000 70%)}.orb-pink{background:radial-gradient(circle,#ed64a633 0%,#0000 70%)}@media (max-width:768px){:root{--section-padding:50px}.container{padding:0 16px}.section-title{margin-bottom:12px;font-size:clamp(1.65rem,5.5vw,2.1rem)}.section-subtitle{font-size:.95rem;line-height:1.55}}.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}.sr-only:focus{z-index:10000;clip:auto;white-space:normal;color:#050810;background:#63b3ed;border-radius:8px;width:auto;height:auto;padding:12px 20px;font-weight:700;position:fixed;top:16px;left:16px;box-shadow:0 4px 20px #63b3ed80}