:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #0e1117;--bg-alt: #121726;--text: #e6ecff;--muted: #a7b0c7;--primary: #6c8cff;--accent: #13c6ff;--card: #182036;--border: #27324a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 12% -10%,#192036 0%,var(--bg) 60%)}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e11178c;border-bottom:1px solid var(--border)}.brand{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.2px}.nav-link{color:var(--muted);text-decoration:none;margin-left:16px}.hero{position:relative;padding:96px 24px 72px;display:grid;place-items:center;text-align:center;overflow:hidden}.hero-content{max-width:900px;position:relative;z-index:2}.hero h1{font-size:48px;line-height:1.1;margin:0 0 14px}.hero-sub{color:var(--muted);font-size:18px;max-width:720px;margin:0 auto 22px}.hero-cta{display:flex;gap:12px;justify-content:center}.hero-bg{position:absolute;inset:-10% -10% auto;height:60%;background:radial-gradient(800px 400px at 50% 0%,rgba(19,198,255,.16),transparent 60%);filter:blur(26px);z-index:1}.hero-orbs{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(108,140,255,.4),transparent 60%);top:30%;left:10%;filter:blur(16px);z-index:1}.section{padding:72px 24px}.section.alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{max-width:900px;margin:0 auto 28px;text-align:center}.section-sub{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid{grid-template-columns:1fr}}.card,.project-card,.testimonial{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 24px #00000040}.project-card{display:flex;flex-direction:column;text-decoration:none;color:var(--text)}.project-thumb{height:160px;background-size:cover;background-position:center;border-radius:10px;margin-bottom:12px}.project-body h3{margin:6px 0 8px}.project-body p{color:var(--muted);margin:0 0 12px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag{font-size:12px;background:#0f1422;border:1px solid var(--border);padding:6px 8px;border-radius:999px;color:var(--muted)}.meta{display:flex;gap:12px;font-size:13px;color:var(--muted)}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-left:56px;margin:18px 0}.timeline-item .dot{position:absolute;left:16px;top:8px;width:16px;height:16px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:50%;box-shadow:0 0 0 4px #13c6ff1a}.timeline-item h4{margin:0 0 6px}.timeline-item p{color:var(--muted);margin:0}.testimonial .quote{font-size:16px;color:var(--text);margin:0 0 14px}.testimonial .who{display:flex;gap:12px;align-items:center}.testimonial img{width:40px;height:40px;border-radius:999px;object-fit:cover;border:1px solid var(--border)}.testimonial .who strong{display:block}.testimonial .who span{color:var(--muted);font-size:13px}.contact{max-width:680px;margin:0 auto;display:grid;gap:12px}.contact input,.contact textarea{background:#0f1422;border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:12px;outline:none}.contact input:focus,.contact textarea:focus{border-color:var(--accent)}.contact-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.btn{display:inline-block;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid var(--border);color:var(--text);background:#10162a}.btn.primary{background:linear-gradient(90deg,var(--primary),var(--accent));border:none}.btn.ghost{background:transparent}.footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid var(--border);color:var(--muted)}.footer .top{color:var(--muted);text-decoration:none}.footer .top:hover{color:var(--text)}html{font-size:16px}@media(max-width:768px){html{font-size:15px}}@media(max-width:480px){html{font-size:14px}}.section,.hero{padding:72px 24px}@media(max-width:480px){.section,.hero{padding:48px 16px}}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f11158c;border-bottom:1px solid var(--border)}.brand{color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.2px}.nav-desktop{display:flex;gap:16px}.nav-link{color:var(--muted);text-decoration:none;font-weight:500}.nav-link:hover{color:var(--text)}.menu-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer}.nav-mobile{position:absolute;top:64px;right:24px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 24px #00000040}@media(max-width:768px){.nav-desktop{display:none}.menu-toggle{display:block}}