@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121a;--surface2:#1c1c28;--border:#ffffff12;--accent:#7c6aff;--accent2:#ff6a9b;--text:#e8e6f0;--muted:#8884a0;--radius:14px;--font-head:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}img{object-fit:cover;width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none}.navbar{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#0a0a0fd1;justify-content:space-between;align-items:center;padding:18px 48px;display:flex;position:sticky;top:0}.logo{font-family:var(--font-head);color:#fff;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.logo svg{color:var(--accent);font-size:1.4rem}.navbar nav{gap:36px;display:flex}.navbar nav a{color:var(--muted);letter-spacing:.04em;font-size:.9rem;font-weight:500;transition:color .2s}.navbar nav a:hover{color:#fff}.icons{color:var(--muted);gap:20px;font-size:1.1rem;display:flex}.icons svg{cursor:pointer;transition:color .2s,transform .2s}.icons svg:hover{color:var(--accent);transform:scale(1.15)}.hero{justify-content:space-between;align-items:center;gap:48px;min-height:88vh;padding:100px 48px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 70%,#7c6aff1f 0%,#0000 70%),radial-gradient(40% 40% at 20% 80%,#ff6a9b14 0%,#0000 60%);position:absolute;inset:0}.hero-text{flex:1;max-width:540px;animation:.8s both fadeUp}.hero-text h1{font-family:var(--font-head);letter-spacing:-.02em;color:#fff;margin-bottom:20px;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:800;line-height:1.08}.hero-text h1 span{background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text p{letter-spacing:.2em;color:var(--muted);margin-bottom:36px;font-size:.8rem;font-weight:500}.hero-text button{background:linear-gradient(135deg, var(--accent), #9b8bff);color:#fff;letter-spacing:.04em;border-radius:50px;padding:15px 36px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 30px #7c6aff59}.hero-text button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #7c6aff80}.hero-image{border:1px solid var(--border);border-radius:24px;flex:1;max-width:520px;animation:.8s .15s both fadeUp;overflow:hidden;box-shadow:0 32px 80px #00000080}.hero-image img{height:420px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:0 48px 80px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:#7c6aff4d;transform:translateY(-6px);box-shadow:0 20px 50px #0006}.card:hover:before{opacity:1}.card-icon{color:var(--accent);margin-bottom:18px;font-size:2rem}.card h3{font-family:var(--font-head);color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:700}.card p{color:var(--muted);font-size:.9rem}.recommended{padding:60px 48px 80px}.recommended h3{font-family:var(--font-head);color:#fff;margin-bottom:32px;font-size:1.8rem;font-weight:800}.recommended .cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:0;display:grid}.recommended .card img{border-radius:10px;height:160px;margin-bottom:16px}.recommended .card h4{font-family:var(--font-head);color:#fff;margin-bottom:6px;font-size:1rem;font-weight:700}.updates{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 48px 80px}.section-title{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.section-title h2{font-family:var(--font-head);color:#fff;font-size:1.8rem;font-weight:800}.section-title button{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:50px;padding:8px 22px;font-size:.85rem;transition:border-color .2s,color .2s}.section-title button:hover{border-color:var(--accent);color:var(--accent)}.update-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.update-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);transition:transform .25s,box-shadow .25s;overflow:hidden}.update-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0006}.update-card img{height:160px;transition:transform .4s}.update-card:hover img{transform:scale(1.05)}.update-card h4{font-family:var(--font-head);color:#fff;padding:14px 16px 4px;font-size:.95rem;font-weight:700}.update-card span{color:var(--accent);background:#7c6aff1f;border-radius:50px;margin:0 16px 16px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-block}.projects{padding:80px 48px}.projects h2{font-family:var(--font-head);color:#fff;margin-bottom:36px;font-size:1.8rem;font-weight:800}.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.project-card{border:1px solid var(--border);cursor:pointer;border-radius:18px;height:280px;position:relative;overflow:hidden}.project-card img{width:100%;height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.08)}.project-info{background:linear-gradient(#0000 0%,#000000d9 100%);padding:24px;position:absolute;bottom:0;left:0;right:0}.project-info h3{font-family:var(--font-head);color:#fff;font-size:1.15rem;font-weight:700}.project-info p{color:#fff9;margin-top:4px;font-size:.85rem}.contact{background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:60px 48px 80px;display:grid}.contact-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:36px 28px;transition:transform .25s,border-color .25s}.contact-card:hover{border-color:#ff6a9b4d;transform:translateY(-5px)}.contact-icon{color:var(--accent2);margin-bottom:16px;font-size:2rem}.contact-card h3{font-family:var(--font-head);color:#fff;margin-bottom:8px;font-size:1.05rem;font-weight:700}.contact-card p{color:var(--muted);font-size:.88rem}footer{text-align:center;border-top:1px solid var(--border);color:var(--muted);letter-spacing:.05em;padding:28px 48px;font-size:.82rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.navbar{padding:16px 24px}.navbar nav{display:none}.hero{text-align:center;flex-direction:column;min-height:auto;padding:60px 24px}.hero-image{max-width:100%}.hero-image img{height:260px}.cards,.recommended,.updates,.projects,.contact{padding-left:24px;padding-right:24px}.recommended .cards{padding:0}}