:root{--seed-ash-grey:#cceaff;--seed-muted-teal:#62b6cb;--seed-deep-teal:#5fa9d3;--seed-dark-slate-grey:#1b4865;--seed-charcoal-blue:#1b4865;--deep-teal:var(--primary-color,var(--seed-deep-teal));--muted-teal:var(--primary-hover,var(--seed-muted-teal));--accent-bg:var(--background,var(--seed-ash-grey));--charcoal-blue:var(--heading-color,var(--seed-charcoal-blue));--dark-slate-grey:var(--text-color,var(--seed-dark-slate-grey));--muted-text-color:var(--muted-text,var(--seed-dark-slate-grey));--surface-bg:var(--surface-color,#fff);--bg-color:var(--surface-bg);--text-color:var(--dark-slate-grey);--primary-accent:var(--deep-teal);--secondary-accent:var(--muted-teal);--muted-text:var(--muted-text-color);--ash-grey:var(--accent-bg);--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px 0 #1f268712;--card-shadow:0 10px 30px -10px #0000001a;--nav-bg:#fffc;--btn-text:#fff;--overlay-bg:#fff6}.dark{--bg-color:#0f172a!important;--text-color:#e2e8f0!important;--surface-bg:#1e293b!important;--accent-bg:#111827!important;--heading-color:#f8fafc!important;--charcoal-blue:#f8fafc!important;--dark-slate-grey:#e2e8f0!important;--muted-text-color:#94a3b8!important;--glass-bg:#1e293bb3!important;--glass-border:#ffffff1a!important;--muted-teal:#38bdf8!important;--deep-teal:#0ea5e9!important;--nav-bg:#0f172acc!important;--btn-text:#0f172a!important;--overlay-bg:#0f172a99!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);max-width:100vw;color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Outfit,Inter,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{color:var(--charcoal-blue);letter-spacing:-.02em;font-weight:800;line-height:1.1}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--card-shadow);border:1px solid #fff6;border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{border:1px solid var(--muted-teal);transform:translateY(-8px);box-shadow:0 20px 40px -15px #00000026}.btn-primary{background:var(--charcoal-blue);border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex;color:var(--btn-text)!important}.btn-primary:hover{background:var(--dark-slate-grey);transform:scale(1.02)}.badge{background:var(--muted-teal);color:var(--btn-text);text-transform:uppercase;letter-spacing:.05em;border-radius:50px;padding:.3rem 1rem;font-size:.75rem;font-weight:700}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.nav-link{color:var(--charcoal-blue);padding:.5rem 0;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:var(--deep-teal)}.nav-link:after{content:"";background:var(--deep-teal);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-logo{color:var(--charcoal-blue);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;text-decoration:none;transition:opacity .3s;display:flex}.nav-logo:hover{opacity:.8}.project-preview-img:hover{transform:scale(1.05);filter:brightness(1.1)!important}@media (max-width:768px){.container{padding:0 1.25rem}h1{font-size:3rem!important}h2{font-size:2.2rem!important}h3{font-size:1.6rem!important}.btn-primary{padding:.7rem 1.2rem;font-size:.95rem}}@media (max-width:480px){h1{font-size:2.4rem!important}h2{font-size:1.8rem!important}}@media (max-width:768px){.project-detail-page{padding:4rem 1.5rem!important}.project-title{font-size:2.8rem!important}.project-desc{font-size:1.25rem!important}}