@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
:root{--bg:#070a13;--card:rgba(255,255,255,.08);--line:rgba(255,255,255,.13);--text:#f8fafc;--muted:#a8b3cf;--primary:#7c3aed;--secondary:#06b6d4;--accent:#22c55e;--gradient:linear-gradient(135deg,#7c3aed,#06b6d4 55%,#22c55e);--shadow:0 30px 90px rgba(0,0,0,.45)}
*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:radial-gradient(circle at top left,rgba(124,58,237,.35),transparent 35%),radial-gradient(circle at bottom right,rgba(6,182,212,.28),transparent 34%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.header{position:sticky;top:0;background:rgba(7,10,19,.75);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:10}.navbar{height:82px;padding:0 8%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:900}.logo span{display:block;font-size:12px;letter-spacing:.15em;color:var(--secondary);text-transform:uppercase}.back-btn{padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-weight:800}.projects-hero{text-align:center;padding:105px 8% 45px;max-width:900px;margin:auto}.badge{display:inline-block;color:#bae6fd;background:rgba(6,182,212,.11);border:1px solid rgba(6,182,212,.24);padding:9px 15px;border-radius:999px;font-weight:900;font-size:13px;margin-bottom:18px}.projects-hero h1{font-size:clamp(46px,7vw,86px);line-height:.98;letter-spacing:-.06em;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-hero p{color:var(--muted);font-size:18px;line-height:1.7;margin-top:20px}.filter-section{padding:10px 8% 45px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:var(--card);color:var(--text);padding:12px 18px;border-radius:999px;font-weight:900;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--gradient)}.projects-grid{padding:0 8% 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;overflow:hidden;transition:.3s}.project-card:hover{transform:translateY(-10px);border-color:rgba(6,182,212,.45)}.project-card img{width:100%;height:230px;object-fit:cover;display:block}.project-card>div{padding:26px}.project-card span{color:var(--secondary);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.project-card h2{font-size:23px;margin:12px 0}.project-card p{color:var(--muted);line-height:1.7}.tech-stack{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.tech-stack b{font-size:12px;color:#bae6fd;background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.22);padding:8px 11px;border-radius:999px}.project-card a{color:#dcfce7;font-weight:900}.hide{display:none}.footer{text-align:center;padding:70px 8%;border-top:1px solid var(--line);background:#020617}.footer h3{font-size:32px;margin-bottom:22px}.footer a{display:inline-block;background:var(--gradient);padding:14px 24px;border-radius:16px;font-weight:900}@media(max-width:1050px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.navbar,.projects-grid,.filter-section{padding-left:6%;padding-right:6%}.projects-grid{grid-template-columns:1fr}.projects-hero{padding:85px 6% 35px}.back-btn{font-size:13px;padding:10px 12px}}