:root{color:#f2f4ff;font-synthesis:none;background:#0a0d16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.root{background:#0a0d16;min-height:100vh;position:relative;overflow:hidden}.content{z-index:1;max-width:1120px;margin:auto;padding:0 26px;position:relative}.decor{pointer-events:none;z-index:0;position:absolute}.orb{filter:blur(80px);opacity:.17;background:#7357ff;border-radius:50%;width:380px;height:380px}.orb.one{top:120px;right:-150px}.orb.two{background:#14c7b7;top:700px;left:-200px}.gridbg{background-image:linear-gradient(#7d8cb412 1px,#0000 1px),linear-gradient(90deg,#7d8cb412 1px,#0000 1px);background-size:42px 42px;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.nav{border-bottom:1px solid #283149;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.logo{letter-spacing:-.06em;font-size:1.25rem;font-weight:850}.logo span{color:#9a89ff}.navlinks{color:#a0a9c2;gap:26px;font-size:.9rem;display:flex}.navlinks a:hover{color:#f2f4ff}.navright{gap:10px;display:flex}.langbtn,.menu-btn{color:#f2f4ff;cursor:pointer;background:#111624;border:1px solid #283149;border-radius:999px;padding:8px 12px}.menu-btn{display:none}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:55px;padding:104px 0 80px;display:grid}.eyebrow{color:#b7abff;letter-spacing:.04em;background:#7357ff17;border:1px solid #9a89ff4d;border-radius:999px;align-items:center;gap:9px;padding:7px 12px;font-size:.78rem;font-weight:650;display:inline-flex}.dot{background:#5ce0bb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #5ce0bb}.hero h1{letter-spacing:-.075em;max-width:750px;margin:25px 0 22px;font-size:clamp(3.1rem,7vw,5.8rem);line-height:.99}.gradient{background:linear-gradient(100deg,#a99aff,#69dcd4 85%);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:#a0a9c2;max-width:610px;font-size:1.1rem}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn{cursor:pointer;border:1px solid #283149;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7357ff38}.primary{color:#fff;background:#7357ff;border-color:#7357ff}.secondary{color:#f2f4ff;background:#111624}.hero-card{background:linear-gradient(145deg,#111624,#171e30);border:1px solid #283149;border-radius:24px;padding:25px;animation:6s ease-in-out infinite float;transform:rotate(1.5deg);box-shadow:0 25px 70px #00000029}.card-top,.code-foot{color:#a0a9c2;justify-content:space-between;font-size:.8rem;display:flex}.card-top{margin-bottom:22px}.window-dots{gap:5px;display:flex}.window-dots i{background:#ff6f91;border-radius:50%;width:8px;height:8px}.window-dots i:nth-child(2){background:#f8c45d}.window-dots i:nth-child(3){background:#5ce0bb}.code{color:#c6d0f5;white-space:pre-wrap;margin:0;font:.84rem/1.9 ui-monospace,monospace}.kw{color:#c3a8ff}.fn{color:#70ddd2}.str{color:#f6c986}.code-foot{border-top:1px solid #283149;margin-top:20px;padding-top:14px;font-size:.75rem}.section{padding:75px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.kicker{color:#9d8dff;letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:800}.section h2{letter-spacing:-.055em;margin:9px 0 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.section-desc{color:#a0a9c2;max-width:430px;margin:0}.about-grid,.projects{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel,.project,.skill{background:#111624;border:1px solid #283149}.panel{border-radius:20px;padding:25px}.panel h3{margin:0 0 12px}.panel p,.project p,.contact p{color:#a0a9c2}.chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip{background:#171e30;border:1px solid #283149;border-radius:9px;padding:7px 10px;font-size:.8rem}.project{border-radius:21px;min-height:255px;padding:24px;transition:all .25s;position:relative;overflow:hidden}.project:hover{border-color:#9a89ffb3;transform:translateY(-5px)}.featured{background:linear-gradient(125deg,#111624,#171e30);grid-column:span 2;min-height:300px}.project-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-icon{color:#b5a8ff;background:#7357ff24;border-radius:13px;place-items:center;width:43px;height:43px;font-size:1.3rem;display:grid}.project-tag{color:#a0a9c2;border:1px solid #283149;border-radius:999px;padding:5px 9px;font-size:.75rem}.project h3{letter-spacing:-.035em;margin:20px 0 8px;font-size:1.35rem}.project p{margin:0}.project-link{color:#b5a8ff;margin-top:18px;font-size:.85rem;font-weight:750;display:inline-flex}.project-link:hover{color:#70ddd2}.featured-layout{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;display:grid}.pipeline{gap:9px;display:grid}.pipe-step{background:#7357ff0f;border:1px solid #283149;border-radius:12px;align-items:center;gap:12px;padding:11px 13px;font-size:.84rem;display:flex}.pipe-num{color:#9f91ff;font:.75rem ui-monospace,monospace}.skills-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.skill{border-radius:15px;padding:17px;transition:transform .2s}.skill:hover{transform:translateY(-4px)}.skill strong{margin-bottom:4px;display:block}.skill small{color:#a0a9c2}.contact{background:linear-gradient(125deg,#7357ff29,#14c7b712);border:1px solid #283149;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:clamp(25px,5vw,50px);display:flex}.contact h2{max-width:620px}.footer{color:#a0a9c2;border-top:1px solid #283149;justify-content:space-between;gap:20px;margin-top:70px;padding:28px 0 38px;font-size:.83rem;display:flex}.reveal{opacity:0;transition:all .7s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)rotate(1.5deg)}50%{transform:translateY(-10px)rotate(.3deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}@media (width<=760px){.navlinks{z-index:10;background:#0a0d16;border-bottom:1px solid #283149;flex-direction:column;padding:20px 26px;display:none;position:absolute;top:75px;left:0;right:0}.navlinks.open{display:flex}.menu-btn{display:block}.hero{grid-template-columns:1fr;gap:30px;padding:70px 0 45px}.section{padding:55px 0}.section-head{flex-direction:column;align-items:flex-start}.about-grid,.projects,.featured-layout{grid-template-columns:1fr}.featured{grid-column:auto}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact,.footer{flex-direction:column;align-items:flex-start}.content{padding:0 20px}}