:root{--bg:#050816;--card:#0b1020;--accent:#4f8cff;--accent-soft:#4f8cff2e;--text-main:#f9fafb;--text-sub:#9ca3af;--radius:18px;--shadow-soft:0 22px 45px #0000008c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-main);scroll-behavior:smooth;background:radial-gradient(circle at top,#0b1220 0,#020617 50%,#000 100%);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hero{max-width:1100px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0f172af5,#111827fa);border-radius:24px;flex-wrap:wrap;align-items:center;gap:32px;margin:40px auto;padding:32px;display:flex;overflow:hidden}.hero-text{flex:320px}.hero-globe{background:radial-gradient(circle at 30% 20%,#4f8cff 0,#020617 60%);border-radius:999px;flex:0 0 350px;width:350px;height:350px;position:relative;overflow:hidden;box-shadow:0 0 50px #4f8cff8c,0 25px 55px #000000e6}.hero-tag{background:var(--accent-soft);color:var(--accent);letter-spacing:.06em;border-radius:999px;margin-bottom:14px;padding:4px 10px;font-size:12px;display:inline-block}.hero h1{margin-bottom:10px;font-size:40px}.hero-subtitle{color:var(--text-sub);margin-bottom:24px;line-height:1.6}.hero-buttons{gap:12px;display:flex}.btn{border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s}.primary{background:var(--accent);color:#fff;box-shadow:0 0 18px #4f8cff73}.primary:hover{background:#6fa3ff;box-shadow:0 0 28px #4f8cffb3}.ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}.ghost:hover{background:var(--accent-soft);box-shadow:0 0 18px #4f8cff40}.section{border:1px solid #1f2937e6;border-radius:18px;max-width:1100px;margin:0 auto 40px;padding:24px}.section h2{color:var(--text-main);margin-bottom:20px;font-size:28px}.projects-grid{scrollbar-width:none;gap:20px;padding:10px;display:flex;overflow-x:auto}.projects-grid::-webkit-scrollbar{display:none}.project-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;border:1px solid #4f8cff33;border-radius:18px;min-width:240px;padding:20px;transition:transform .3s,box-shadow .3s}.project-card:hover{border-color:#4f8cff80;transform:scale(1.05);box-shadow:0 0 25px #4f8cff59,0 0 12px #4f8cff33}.project-card h3{color:var(--accent);margin-bottom:8px;font-size:16px}.project-card p{color:var(--text-sub);font-size:14px;line-height:1.5}.contact-links{flex-direction:column;gap:12px;margin-top:16px;display:flex}.contact-links a{color:#6cb8ff;align-items:center;gap:10px;text-decoration:none;transition:color .2s,transform .15s;display:flex}.contact-links a:hover{color:#9dd4ff;transform:translate(6px)}.footer{text-align:center;color:var(--text-sub);border-top:1px solid #ffffff0d;margin-top:50px;padding:20px;font-size:14px}@media (width<=768px){.hero{text-align:center;flex-direction:column;align-items:center;margin:16px;padding:24px}.hero-globe{flex:0 0 250px;align-self:center;width:250px;height:250px}.hero-buttons{justify-content:center}.section{margin:0 16px 24px;padding:18px}.project-card{min-width:160px}}