body{margin:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0f172a;background:#0e1a2b;margin:0;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}img{max-width:100%;display:block}.site-wrapper{background:#0e1a2b;min-height:100vh}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1220e6;border-bottom:1px solid #adf8fe1f;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.brand-logo img{width:auto;height:28px}.nav-links{gap:28px;display:flex}.nav-links a{color:#ffffffd1;font-size:14px}.hero-section{background:linear-gradient(#0b1628 0%,#101d31 100%);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-glow{filter:blur(100px);opacity:.35;border-radius:999px;position:absolute}.hero-glow-left{background:#adf8fe;width:320px;height:320px;top:-40px;left:-100px}.hero-glow-right{background:#adf8fe;width:280px;height:280px;top:140px;right:-60px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;padding:80px 0;display:grid;position:relative}.hero-logo{max-width:320px;margin-bottom:24px}.hero-tag{color:#ffffffe6;letter-spacing:.18em;text-transform:uppercase;background:#ffffff0f;border:1px solid #adf8fe2e;border-radius:999px;margin-bottom:22px;padding:10px 16px;font-size:12px;display:inline-block}.hero-text h1{color:#fff;max-width:780px;margin:0;font-size:clamp(42px,5vw,78px);line-height:1.02}.hero-description{color:#ffffffbd;max-width:720px;margin-top:26px;font-size:18px;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{cursor:pointer;border-radius:18px;justify-content:center;align-items:center;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.button-primary{color:#0f172a;background:#adf8fe;border:none}.button-primary:hover{transform:translateY(-2px)}.button-secondary{color:#fff;border:1px solid #fff3}.button-secondary:hover{color:#0f172a;background:#fff}.hero-card{background:linear-gradient(#ffffff1f,#ffffff0d);border:1px solid #ffffff14;border-radius:32px;padding:10px;box-shadow:0 30px 70px #00000047}.hero-card-inner{background:#f8fafc;border-radius:24px;padding:30px}.card-label,.section-label{text-transform:uppercase;letter-spacing:.22em;color:#7dd3fc;margin-bottom:14px;font-size:12px}.hero-card-inner h2,.section h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.08}.hero-card-inner p{color:#475569;line-height:1.85}.hero-mini-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.mini-box{background:#eef4f8;border:1px solid #d6e1e8;border-radius:18px;padding:16px}.mini-box span{text-transform:uppercase;letter-spacing:.16em;color:#64748b;margin-bottom:8px;font-size:12px;display:block}.mini-box strong{color:#0f172a;font-size:17px}.section{padding:90px 0}.section-dark{background:#0e1a2b}.section-dark-alt{background:#101d31}.two-col,.contact-grid,.skills-grid{grid-template-columns:.9fr 1.1fr;gap:34px;display:grid}.content-card{border-radius:28px;padding:32px;box-shadow:0 10px 28px #0000001f}.dark-outline-card{background:#ffffff08;border:1px solid #adf8fe1f}.dark-outline-card p{color:#ffffffc2;margin:0 0 18px;line-height:1.9}.accent-card{color:#0f172a;background:linear-gradient(135deg,#adf8fe 0%,#dffcff 100%)}.section-top{justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;display:flex}.section-top.single{justify-content:flex-start}.section-intro{max-width:520px;line-height:1.9}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-card{background:#f8fafc;border:1px solid #adf8fe1a;border-radius:28px;transition:all .2s;overflow:hidden;box-shadow:0 12px 32px #00000024}.project-image{aspect-ratio:4/3;background:linear-gradient(135deg,#adf8fe 0%,#dffcff 45%,#f8fafc 100%);align-items:end;padding:24px;display:flex}.project-image span{color:#334155;background:#ffffffd9;border:1px solid #0f172a14;border-radius:18px;padding:12px 16px;font-weight:700;display:inline-flex}.project-content{padding:24px}.project-meta{text-transform:uppercase;letter-spacing:.16em;color:#64748b;justify-content:space-between;gap:16px;font-size:12px;display:flex}.project-content h3{color:#0f172a;margin:14px 0 10px;font-size:28px}.project-content p{color:#475569;margin:0;line-height:1.8}.pill-wrap{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.pill{border-radius:999px;padding:10px 16px;font-size:14px;display:inline-flex}.dark-pill{color:#fff;background:#ffffff0f;border:1px solid #adf8fe24}.accent-pill{color:#0f172a;background:#0f172a0f;border:1px solid #0f172a14}.light-label{color:#7dd3fc}.light-heading{color:#fff}.small-heading{font-size:28px!important}.light-text{color:#ffffffb8}.contact-text{max-width:520px;line-height:1.9}.contact-details{margin-top:24px}.contact-details p{margin:0 0 12px}.bright-form{background:#f8fafc}.contact-form label{color:#334155;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.contact-form input,.contact-form textarea{border:1px solid #cbd5e1;border-radius:18px;width:100%;margin-bottom:18px;padding:14px 16px;font-family:inherit;font-size:15px}.contact-form textarea{resize:vertical}@media (width<=900px){.hero-grid,.two-col,.contact-grid,.skills-grid,.projects-grid,.hero-mini-grid{grid-template-columns:1fr}.section-top{flex-direction:column;align-items:flex-start}.nav-links{display:none}.hero-section{min-height:auto}.hero-grid{padding:70px 0}.hero-logo{max-width:240px}.hero-text h1{font-size:46px}.project-link{color:#0f172a;margin-top:18px;font-weight:700;display:inline-block}.project-card-link{color:inherit;display:block}.project-card-link:hover .project-card{transition:all .2s;transform:translateY(-4px)}.desktop-nav{display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;padding:0;display:none}.menu-toggle span{background:#fff;border-radius:999px;width:24px;height:2px;margin-left:auto;display:block}.mobile-menu{display:none}.mobile-submenu-toggle{color:#fff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.mobile-submenu{border-left:1px solid #adf8fe29;flex-direction:column;gap:12px;padding-left:14px;display:flex}@media (width<=900px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-menu{background:#0a1220fa;border-top:1px solid #adf8fe1f;flex-direction:column;gap:18px;padding:0 20px 20px;display:flex}.mobile-menu a,.mobile-submenu-toggle{color:#fff;font-size:16px}}}