:root{--bg-dark: #020617;--bg-card: #0f172a;--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: rgba(255, 255, 255, .08);font-family:Inter,system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;position:relative;width:100%;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;word-wrap:break-word}img,video,canvas,svg{max-width:100%;height:auto}.hero img,.hero svg{max-width:none}.hero .container img,.hero .container svg{max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s;padding:1.5rem 0}.nav-wrapper.scrolled{background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0;border-bottom:1px solid var(--border)}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.navbar-logo{height:36px;width:auto;min-width:120px;display:block}.nav-links a:hover{color:var(--accent)}.hero{min-height:80vh;display:flex;align-items:center;position:relative;padding-top:5rem}.hero-content{max-width:800px}.badge{display:inline-block;padding:.25rem .75rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);color:var(--accent);border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1.5rem}h1{font-size:clamp(3rem,8vw,5.5rem);line-height:1;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem}.text-gradient{background:linear-gradient(to right,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px}.btn-group{display:flex;gap:1rem}.base-btn{padding:.875rem 1.75rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.875rem;border:none}.primary-btn{background:var(--accent);color:var(--bg-dark)}.primary-btn:hover{background:#22d3ee;transform:translateY(-2px);box-shadow:0 10px 20px -5px var(--accent-glow)}.outline-btn{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.outline-btn:hover{background:#ffffff0d}.section{padding:5rem 0;scroll-margin-top:20px}.grid-3,.grid-2,.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--bg-card);padding:2.5rem;border-radius:1.5rem;border:1px solid var(--border);transition:all .3s}.card:hover{border-color:#06b6d44d;transform:translateY(-5px)}.icon-box{width:3rem;height:3rem;background:#06b6d41a;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:1.5rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);background:#ffffff08;padding:.25rem .5rem;border-radius:4px}.mobile-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;z-index:2000;position:relative}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;height:100dvh;background:#020617;border-left:1px solid var(--border);padding:100px 40px;z-index:1500;box-shadow:-10px 0 40px #000c;display:flex;flex-direction:column}.mobile-nav-links{display:flex;flex-direction:column;gap:2.5rem}.mobile-nav-links a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;transition:color .2s}.mobile-nav-links a:hover{color:var(--accent)}@media(max-width:480px){.mobile-drawer{width:100%;padding:100px 30px}}@media(max-width:768px){.nav-links{display:none!important}.mobile-toggle{display:block!important}h1{font-size:3rem}.section{padding:4rem 0 2.5rem}.footer-content{flex-direction:column!important;text-align:center;gap:2rem}.footer-logo{margin:0 auto}.grid-3,.grid-2{grid-template-columns:1fr!important;gap:2rem!important}.hero-content h1{font-size:2.5rem}.hero-p{font-size:1.1rem}}@media(max-width:480px){.hero-content h1{font-size:2.2rem}.base-btn{width:100%;text-align:center;justify-content:center}.btn-group{flex-direction:column}}.footer-wrapper{padding:4rem 0;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;justify-content:space-between;align-items:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.text-cyan{color:var(--accent)}@media(max-width:1024px){.portfolio-grid{grid-template-columns:1fr!important;gap:3rem!important}.portfolio-grid>*{order:1!important}}