:root{--primary: #7B6CFF;--secondary: #3A37A3;--accent: #36E0F7;--pink: #FF5BB9;--bg-0: #0A0B10;--bg-1: #0F111A;--bg-2: #121424;--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--text: #D5D8FF;--muted: #97A0C3}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 10% 0%,#0C0F1F 0%,var(--bg-1) 30%,var(--bg-0) 100%);overflow-x:hidden;line-height:1.6}canvas{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%}.content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.top-nav{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#0a0b10b3,#0a0b1033 70%,#0a0b1000);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text)}.logo{display:none}.logo-img{width:auto;height:36px;border-radius:8px;object-fit:cover;display:block}.brand-text{font-weight:700;letter-spacing:.4px}.nav-links a{color:var(--muted);text-decoration:none;margin-left:1.25rem;transition:color .25s ease}.nav-links a:hover{color:var(--text)}.nav-links .cta{color:var(--text);padding:.5rem .9rem;border:1px solid var(--glass-border);border-radius:10px;margin-left:1rem;background:linear-gradient(135deg,#7b6cff26,#36e0f714);box-shadow:0 0 0 1px #ffffff05 inset}.hero{min-height:100vh;display:grid;place-items:center;padding:6rem 0 4rem}.hero-card{width:min(960px,100%);padding:2.25rem;border-radius:18px;position:relative;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);box-shadow:0 30px 80px #00000059,inset 0 0 0 1px #ffffff08}.hero .eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;margin-bottom:.75rem}.title{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.1;color:var(--text);text-shadow:0 6px 40px rgba(123,108,255,.18)}.title .accent{background:linear-gradient(90deg,var(--primary),var(--accent),var(--pink),var(--primary));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 4.5s linear infinite}@keyframes sheen{0%{background-position:0% 50%}to{background-position:300% 50%}}.subtitle{color:var(--muted);margin:1rem 0 1.75rem;font-size:1.05rem}.cta-row{display:flex;gap:.8rem;flex-wrap:wrap}.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.75rem 0 .5rem}.meta .num{font-size:1.4rem;font-weight:800;color:var(--text)}.meta .label{display:block;color:var(--muted);font-size:.85rem;margin-top:.2rem}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.3rem;border-radius:12px;border:1px solid transparent;text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem;letter-spacing:.01em;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:center}.btn i{opacity:.9;transition:transform .3s ease}.btn:hover i{transform:translate(2px)}.btn-primary{background:linear-gradient(135deg,#8b7bff,#36e0f7,#ff5bb9);background-size:200% 200%;box-shadow:0 4px 15px #7b6cff4d,0 2px 8px #36e0f733;border:1px solid rgba(255,255,255,.2)}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,#9d8dff,#4aeaff,#ff6bc9);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-primary:hover{transform:translateY(-2px) scale(1.02);background-position:100% 0;box-shadow:0 8px 25px #7b6cff66,0 4px 15px #36e0f74d,0 0 0 1px #ffffff1a}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.btn-ghost{background:#ffffff0d;border:1px solid var(--glass-border);box-shadow:0 2px 10px #0000001a;position:relative}.btn-ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,#7b6cff1a,#36e0f71a,#ff5bb91a);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-ghost:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:11px;background:#0f111acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-ghost:hover{transform:translateY(-2px) scale(1.02);border-color:#7b6cff66;box-shadow:0 8px 25px #0003,0 0 0 1px #7b6cff33;background:#ffffff14}.btn-ghost:hover:before{opacity:1}.btn-ghost:hover:after{opacity:1}.btn-ghost:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.btn-ghost.animated:before{background:conic-gradient(from 0deg at 50% 50%,#7b6cff33,#36e0f733,#ff5bb933,#7b6cff33);animation:rotate 3s linear infinite}.btn-ghost.animated:hover:before{opacity:.8;animation-duration:1.5s}@keyframes rotate{to{transform:rotate(360deg)}}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:.75rem}.social-link{color:var(--muted);font-size:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.5rem;border-radius:8px}.social-link:hover{color:var(--text);transform:translateY(-3px) scale(1.1);text-shadow:0 0 20px rgba(123,108,255,.5);background:#7b6cff1a}.section{min-height:80vh;padding:5rem 0;display:flex;flex-direction:column;justify-content:center}.section{min-height:100vh;padding:6rem 0;display:flex;flex-direction:column;justify-content:center}h2{font-size:2rem;margin-bottom:1.25rem;color:var(--text);position:relative;display:inline-block;letter-spacing:.02em}h2:after{display:none}h2:before{display:none}p{color:var(--muted);margin-bottom:1.2rem;font-size:1.05rem;line-height:1.8;max-width:760px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.card{padding:1.25rem;border-radius:14px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #00000059;border-color:#ffffff2e}.card-header{display:flex;gap:.5rem;margin-bottom:.5rem}.chip{font-size:.75rem;padding:.25rem .5rem;border-radius:999px;color:var(--text);background:#7b6cff24;border:1px solid rgba(123,108,255,.3)}.chip.alt{background:#36e0f71f;border-color:#36e0f759}.about,.contact{padding:1.5rem;border-radius:16px}.stack{list-style:none;display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.stack li{padding:.35rem .6rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.9rem}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover{text-decoration:none}footer{display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 0;color:var(--muted);opacity:.85;font-size:.9rem}footer a{color:inherit}footer a:hover{color:inherit}@media (max-width: 768px){.section{padding:4rem 0}h2{font-size:1.6rem}.btn{padding:.8rem 1.1rem;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease-out forwards}
