:root,:root.dark{--color-bg:#090a0f;--color-bg-alt:#0e111a;--color-surface:#12151fb3;--color-surface-hover:#1a1f2ed9;--color-surface-solid:#111420;--color-surface-subtle:#ffffff08;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-heading:#fff;--color-border:#ffffff14;--color-border-subtle:#ffffff0d;--color-border-medium:#ffffff26;--color-border-hover:#38bdf859;--color-accent:#38bdf8;--color-accent-hover:#0ea5e9;--color-accent-subtle:#38bdf81a;--color-accent-blue:#2563eb;--color-accent-emerald:#10b981;--gradient-primary:linear-gradient(135deg, #38bdf8 0%, #0ea5e9 45%, #2563eb 100%);--gradient-card-border:linear-gradient(135deg, #ffffff1f, #ffffff05);--gradient-glow:radial-gradient(circle at 50% 0%, #38bdf81f, transparent 70%);--color-btn-case-bg:#38bdf814;--color-btn-case-text:#38bdf8;--color-btn-case-border:#38bdf838;--color-btn-case-hover-bg:#38bdf829;--color-btn-case-hover-border:#38bdf873;--color-btn-store-bg:#ffffff0a;--color-btn-store-text:#cbd5e1;--color-btn-store-border:#ffffff1a;--color-btn-store-hover-bg:#ffffff14;--color-btn-store-hover-border:#ffffff38;--color-nav-bg:#090a0fd9;--color-footer-bg:#06070a;--font-family-system:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono:"JetBrains Mono", monospace;--max-width-content:980px;--navbar-height:72px;--transition-fast:.18s ease;--transition-normal:.28s cubic-bezier(.16, 1, .3, 1);--shadow-card:0 10px 30px -10px #00000080;--shadow-card-hover:0 20px 40px -15px #38bdf81f;--shadow-glow:0 0 30px #38bdf833;--bg-glow-opacity:.15}:root.light{--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#ffffffe0;--color-surface-hover:#fff;--color-surface-solid:#fff;--color-surface-subtle:#0f172a05;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-heading:#0f172a;--color-border:#0f172a14;--color-border-subtle:#0f172a0a;--color-border-medium:#0f172a24;--color-border-hover:#0284c766;--color-accent:#0284c7;--color-accent-hover:#0369a1;--color-accent-subtle:#0284c714;--color-accent-blue:#2563eb;--color-accent-emerald:#059669;--gradient-primary:linear-gradient(135deg, #0284c7 0%, #2563eb 55%, #1d4ed8 100%);--gradient-card-border:linear-gradient(135deg, #0000000f, #00000003);--gradient-glow:radial-gradient(circle at 50% 0%, #0284c714, transparent 70%);--color-btn-case-bg:#f0f9ff;--color-btn-case-text:#0284c7;--color-btn-case-border:#bae6fd;--color-btn-case-hover-bg:#e0f2fe;--color-btn-case-hover-border:#0284c7;--color-btn-store-bg:#fff;--color-btn-store-text:#1e293b;--color-btn-store-border:#e2e8f0;--color-btn-store-hover-bg:#f8fafc;--color-btn-store-hover-border:#cbd5e1;--color-nav-bg:#ffffffd9;--color-footer-bg:#fff;--shadow-card:0 4px 20px -4px #0f172a0f;--shadow-card-hover:0 16px 32px -8px #0284c726;--shadow-glow:0 0 25px #0284c726;--bg-glow-opacity:.25}.app-container{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family-system);padding:0;padding-top:var(--navbar-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;position:relative;overflow-x:clip}.bg-glow{filter:blur(140px);pointer-events:none;z-index:0;opacity:.15;border-radius:50%;position:fixed}.bg-glow-1{background:radial-gradient(circle,#38bdf8 0%,#0284c7 70%,#0000 100%);width:500px;height:500px;top:-100px;right:-50px}.bg-glow-2{background:radial-gradient(circle,#0ea5e9 0%,#2563eb 70%,#0000 100%);width:600px;height:600px;top:40%;left:-150px}.wrapper{max-width:var(--max-width-content);z-index:1;margin:0 auto;padding:0 24px;position:relative}.navbar{height:var(--navbar-height);background:var(--color-nav-bg);-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--color-border);align-items:center;width:100%;display:flex;position:fixed;top:0;left:0;right:0}.navbar-content{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.logo-text{letter-spacing:-.5px;color:#fff;background:linear-gradient(135deg,#fff 60%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:19px;font-weight:800}.logo-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 10px var(--color-accent);border-radius:50%}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:#fff}.nav-right{align-items:center;gap:16px;display:flex}.social-nav{align-items:center;gap:8px;display:flex}.social-btn{background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.social-btn:hover{color:var(--color-accent);background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}.theme-toggle-btn{background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle-btn:hover{color:var(--color-accent);border-color:var(--color-border-hover);background:var(--color-surface-hover);transform:translateY(-2px)}.nav-cta-btn{color:#fff;transition:all var(--transition-fast);background:linear-gradient(135deg,#38bdf833,#6366f133);border:1px solid #38bdf866;border-radius:999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.nav-cta-btn:hover{border-color:var(--color-accent);background:linear-gradient(135deg,#38bdf859,#6366f159);transform:translateY(-1px);box-shadow:0 0 15px #38bdf84d}.hero{flex-direction:column;align-items:flex-start;padding:64px 0 68px;display:flex}.hero-eyebrow-editorial{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;margin-bottom:28px;padding:6px 12px 6px 8px;font-size:13px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000001f,inset 0 1px #ffffff0d}.hero-eyebrow-editorial:hover{background:#ffffff0d;border-color:#38bdf84d;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.eyebrow-icon-box{width:24px;height:24px;color:var(--color-primary);background:#38bdf81f;border:1px solid #38bdf840;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.eyebrow-role{color:var(--color-heading);letter-spacing:-.01em;font-weight:600}.eyebrow-sep{color:var(--color-border);opacity:.6;font-size:13px;font-weight:300}.eyebrow-stack{color:var(--color-text-secondary);letter-spacing:-.01em;font-weight:500}.eyebrow-shipped-tag{color:#4ade80;letter-spacing:.02em;background:#22c55e1a;border:1px solid #22c55e38;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.3}.hero-title{font-family:var(--font-family-system);letter-spacing:-.03em;color:var(--color-heading);max-width:860px;margin:0 0 24px;font-size:clamp(38px,5.2vw,58px);font-weight:800;line-height:1.14}.hero-gradient-text,.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-bio{color:var(--color-text-secondary);letter-spacing:-.01em;max-width:740px;margin:0 0 36px;font-size:18px;font-weight:400;line-height:1.68}.hero-bio strong{color:var(--color-heading);font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:40px;display:flex}.btn{cursor:pointer;transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 50%,#2563eb 100%);border:1px solid #ffffff26;box-shadow:0 3px 14px #0ea5e947}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 50%,#0284c7 100%);transform:translateY(-1.5px);box-shadow:0 5px 20px #0ea5e96b}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000000a}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-accent);transform:translateY(-1.5px)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-accent);transform:translateY(-1.5px)}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:860px;margin-bottom:28px;display:grid}.metric-chip{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal);border-radius:16px;flex-direction:column;padding:18px 20px;display:flex;box-shadow:0 2px 10px #0000000a}.metric-chip:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.metric-number{letter-spacing:-.02em;color:var(--color-heading);margin-bottom:4px;font-size:20px;font-weight:800}.metric-label{color:var(--color-accent);margin-bottom:3px;font-size:13px;font-weight:600}.metric-sub{color:var(--color-text-muted);font-size:12px;font-weight:400;line-height:1.4}.hero-socials{align-items:center;gap:12px;padding-top:4px;display:flex}.hero-socials-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.hero-socials-links{align-items:center;gap:8px;display:flex}.hero-social-link{background:var(--color-surface);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:9px;justify-content:center;align-items:center;display:flex}.hero-social-link:hover{background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1.5px)}.section-container{padding:80px 0 20px}.section-header{margin-bottom:40px}.section-kicker{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:9px;margin-bottom:12px;padding:4px 10px 4px 6px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000001a}.section-kicker:hover{background:#ffffff0d;border-color:#38bdf84d;transform:translateY(-1px)}.kicker-badge{font-family:var(--font-family-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--color-primary);letter-spacing:.06em;background:#38bdf81f;border:1px solid #38bdf840;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.25}.kicker-sep{color:var(--color-border);opacity:.6;font-size:12px;font-weight:300}.kicker-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);font-size:12px;font-weight:600}.section-eyebrow{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-flex}.section-title{letter-spacing:-1px;color:#fff;margin:0 0 12px;font-size:clamp(28px,4vw,36px);font-weight:800}.section-subtitle{color:var(--color-text-secondary);max-width:680px;margin:0;font-size:16px;line-height:1.55}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:20px;display:grid}.skill-card{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-normal);border-radius:18px;flex-direction:column;justify-content:space-between;padding:22px 22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000001f}.skill-card:hover{background:var(--color-surface-hover);border-color:#38bdf859;transform:translateY(-3px);box-shadow:0 12px 30px -10px #0ea5e929}.skill-card-featured{background:linear-gradient(145deg,#0ea5e90f 0%,#12151fd9 100%);border-color:#38bdf84d}.skill-card-featured:before{content:"";background:var(--gradient-primary);height:2px;position:absolute;top:0;left:0;right:0}.skill-card-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.skill-card-identity{align-items:center;gap:10px;display:flex}.skill-icon-wrap{background:var(--color-btn-case-bg);border:1px solid var(--color-btn-case-border);width:32px;height:32px;color:var(--color-accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.skill-category-title{color:var(--color-heading);letter-spacing:-.01em;margin:0;font-size:13.5px;font-weight:700}.skill-category-badge{color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);letter-spacing:.2px;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.skill-tags{flex-wrap:wrap;flex-grow:1;align-content:flex-start;gap:8px;display:flex}.skill-tag{color:#e2e8f0;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;line-height:1.3;display:inline-flex}.skill-tag:hover{color:#fff;background:#38bdf81f;border-color:#38bdf866;transform:translateY(-1.5px)}.skill-tag-primary{color:#38bdf8;background:#0ea5e91f;border-color:#38bdf859;font-weight:600}.skill-dot-primary{background:#38bdf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #38bdf8}.skill-level-badge{text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted);background:#ffffff0f;border:1px solid #ffffff0f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.skill-featured-note{color:var(--color-accent);border-top:1px dashed #38bdf833;margin-top:14px;padding-top:10px;font-size:12px;font-weight:400;line-height:1.45}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.app-card{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-normal);border-radius:24px;flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.app-card:hover{background:var(--color-surface-hover);border-color:#38bdf859;transform:translateY(-6px);box-shadow:0 20px 40px -15px #000000b3}.app-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.app-logo-wrapper{background:var(--color-surface-solid);border:1px solid var(--color-border);width:60px;height:60px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:16px;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}.app-card:hover .app-logo-wrapper{transform:scale(1.06)}.app-logo{object-fit:contain;border-radius:12px;width:100%;height:100%}.app-category-badge{color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;background:#38bdf814;border:1px solid #38bdf833;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.app-name{color:#fff;margin:0 0 10px;font-size:20px;font-weight:700}.app-desc{color:var(--color-text-secondary);flex-grow:1;margin:0 0 24px;font-size:14px;line-height:1.6}.app-card-links{flex-direction:column;gap:10px;margin-top:auto;display:flex}.btn-case-study{width:100%;color:var(--color-btn-case-text);background:var(--color-btn-case-bg);border:1px solid var(--color-btn-case-border);transition:all var(--transition-fast);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.btn-case-study:hover{background:var(--color-btn-case-hover-bg);border-color:var(--color-btn-case-hover-border);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf826}.app-actions{gap:10px;display:flex}.store-btn{color:var(--color-btn-store-text);background:var(--color-btn-store-bg);border:1px solid var(--color-btn-store-border);transition:all var(--transition-fast);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.store-btn:hover{background:var(--color-btn-store-hover-bg);border-color:var(--color-btn-store-hover-border);color:var(--color-heading);transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.experience-stack{flex-direction:column;gap:24px;display:flex}.exp-card{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);transition:border-color var(--transition-fast);border-radius:24px;padding:32px}.exp-card:hover{border-color:#38bdf840}.company-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.company-title-wrap{align-items:center;gap:12px;display:flex}.company-name{color:#fff;margin:0;font-size:20px;font-weight:800}.status-badge-current{color:#4ade80;text-transform:uppercase;letter-spacing:.5px;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.company-links{align-items:center;gap:8px;display:flex}.company-link-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.company-link-btn:hover{color:#fff;border-color:var(--color-accent);background:#38bdf81a}.promo-container{padding-left:28px;position:relative}.promo-line{background:#ffffff1a;width:2px;position:absolute;top:12px;bottom:12px;left:6px}.role-entry{margin-bottom:24px;position:relative}.role-entry:last-child{margin-bottom:0}.role-dot{background:var(--color-accent);border:2px solid var(--color-bg);width:10px;height:10px;box-shadow:0 0 10px var(--color-accent);z-index:2;border-radius:50%;position:absolute;top:6px;left:-26px}.role-entry-prev .role-dot{background:var(--color-text-muted);box-shadow:none}.role-meta{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.role-title{color:#fff;font-size:17px;font-weight:700}.role-date-badge{color:var(--color-accent);background:#38bdf814;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500}.role-desc{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.contact-section{padding-bottom:80px}.contact-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#161b2bcc 0%,#0d101af2 100%);border:1px solid #38bdf833;border-radius:28px;padding:56px 40px;position:relative;overflow:hidden;box-shadow:0 20px 50px -15px #000000b3}.contact-glow{pointer-events:none;background:radial-gradient(circle,#38bdf833 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-80px;right:-80px}.contact-content{z-index:1;max-width:680px;position:relative}.contact-title{color:#fff;margin:12px 0 16px;font-size:clamp(26px,3.8vw,36px);font-weight:800;line-height:1.2}.contact-desc{color:var(--color-text-secondary);margin:0 0 32px;font-size:16px;line-height:1.6}.contact-actions{flex-wrap:wrap;gap:14px;margin-bottom:32px;display:flex}.contact-btn-main{padding:14px 28px;font-size:15px}.contact-btn-sub{padding:14px 24px;font-size:15px}.contact-footer-links{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:16px;padding-top:24px;display:flex}.contact-info-pill{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.info-label{color:var(--color-text-muted)}.info-value{color:var(--color-heading);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.info-value:hover{color:var(--color-accent)}.contact-social-pill{color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.contact-social-pill:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-subtle);transform:translateY(-2px);box-shadow:0 4px 12px -2px #38bdf840}.footer{background:#05060a;border-top:1px solid #ffffff14;width:100%;padding:56px 0 44px}.footer-container{flex-direction:column;gap:28px;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-left{flex-direction:column;gap:6px;display:flex}.footer-brand{color:#fff;letter-spacing:-.01em;font-size:17px;font-weight:800}.footer-tagline{color:#64748b;font-size:13px;font-weight:400}.footer-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footer-links a{color:#94a3b8;transition:color var(--transition-fast);font-size:13px;font-weight:500;text-decoration:none}.footer-links a:hover{color:#38bdf8}.footer-divider{background:#ffffff0f;width:100%;height:1px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copyright{color:#64748b;margin:0;font-size:13px;font-weight:400}.footer-top-btn{color:#94a3b8;cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.footer-top-btn:hover{color:#38bdf8;background:#ffffff14;border-color:#38bdf866;transform:translateY(-1px)}@media (width<=768px){.footer{padding:44px 0 36px}.footer-top{flex-direction:column;align-items:flex-start;gap:16px}.footer-links{gap:16px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=860px){.nav-links{display:none}.hero{padding:50px 0 44px}.hero-title{letter-spacing:-.02em;font-size:38px}.hero-bio{font-size:16px}.hero-metrics{grid-template-columns:1fr;gap:12px}.hero-eyebrow-editorial{flex-wrap:wrap;gap:8px;padding:6px 10px}.contact-card{padding:36px 24px}}@media (width<=640px){.hero-socials{justify-content:flex-start;width:100%}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.apps-grid,.skills-grid{grid-template-columns:1fr}.company-header{flex-direction:column;align-items:flex-start}.contact-actions{flex-direction:column}.contact-actions .btn{width:100%}}.project-detail-view{padding:30px 0 60px;animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInSlide}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.project-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:36px;display:flex}.back-link{color:var(--color-accent);transition:all var(--transition-fast);background:#38bdf814;border:1px solid #38bdf838;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{border-color:var(--color-accent);color:#fff;background:#38bdf833;transform:translate(-3px);box-shadow:0 4px 16px #38bdf833}.project-breadcrumbs{color:var(--color-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.crumb-sep{color:#fff3}.crumb-current{color:#fff;font-weight:600}.project-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;margin-bottom:70px;display:grid}.project-brand-badge{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.project-hero-logo-wrap{background:var(--color-surface-solid);border:1px solid var(--color-border);width:56px;height:56px;transition:transform var(--transition-fast);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex;overflow:hidden}.project-hero-logo-wrap:hover{transform:scale(1.06)}.project-hero-logo{object-fit:contain;border-radius:11px;width:100%;height:100%}.project-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-category-pill{text-transform:uppercase;letter-spacing:.8px;border:1px solid;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.project-status-pill{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-live-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e}.project-title{letter-spacing:-1.5px;color:#fff;margin:0 0 16px;font-size:clamp(34px,4.5vw,52px);font-weight:800;line-height:1.1}.project-tagline{color:var(--color-text-secondary);margin:0 0 28px;font-size:18px;line-height:1.55}.project-specs-row{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.spec-badge{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.project-store-actions{flex-wrap:wrap;gap:12px;display:flex}.project-mockup-wrapper{position:relative}.mockup-frame{-webkit-backdrop-filter:blur(24px);transition:transform var(--transition-normal);background:linear-gradient(145deg,#141826e6 0%,#0a0c12f2 100%);border:1px solid;border-radius:28px;overflow:hidden}.mockup-header-bar{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dot{border-radius:50%;width:9px;height:9px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.mockup-url-pill{font-family:var(--font-family-mono);color:var(--color-text-muted);background:#ffffff0a;border-radius:6px;padding:2px 10px;font-size:11px}.mockup-screen-content{padding:28px 24px}.mockup-logo-showcase{align-items:center;gap:16px;margin-bottom:24px;display:flex}.mockup-app-logo{object-fit:cover;background:#111420;border:1px solid #ffffff26;border-radius:16px;width:64px;height:64px}.mockup-app-info{flex-direction:column;display:flex}.mockup-app-title{color:#fff;font-size:20px;font-weight:800}.mockup-app-cat{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.mockup-feature-carousel{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:22px 20px;position:relative;overflow:hidden}.carousel-glow{filter:blur(40px);opacity:.3;pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.carousel-card-step{text-transform:uppercase;color:var(--color-accent);letter-spacing:.8px;font-size:11px;font-weight:700}.carousel-card-title{color:#fff;margin:6px 0 8px;font-size:16px;font-weight:700}.carousel-card-desc{color:var(--color-text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.mockup-step-indicators{gap:8px;display:flex}.step-dot-btn{cursor:pointer;width:24px;height:6px;transition:all var(--transition-fast);background:#ffffff26;border:none;border-radius:999px;padding:0}.step-dot-btn:hover{background:#ffffff59}.step-dot-btn.active{width:40px}.phone-showcase-container{flex-direction:column;align-items:center;gap:16px;max-width:320px;margin:0 auto;display:flex;position:relative}.phone-ambient-aura{filter:blur(55px);opacity:.4;pointer-events:none;z-index:0;border-radius:60px;width:330px;height:560px;animation:4s ease-in-out infinite alternate ambientAuraPulse;position:absolute;top:30px;left:50%;transform:translate(-50%)}@keyframes ambientAuraPulse{0%{opacity:.3;transform:translate(-50%)scale(.95)}to{opacity:.55;transform:translate(-50%)scale(1.05)}}.phone-floating-pill{z-index:10;color:#fff;-webkit-backdrop-filter:blur(16px);pointer-events:none;letter-spacing:.3px;white-space:nowrap;background:#0e111ae0;border:1px solid;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}.float-top-left{animation:4s ease-in-out infinite alternate floatTopLeft;top:70px;left:-48px}.float-bottom-right{animation:4.5s ease-in-out infinite alternate floatBottomRight;bottom:120px;right:-48px}@keyframes floatTopLeft{0%{transform:translateY(0)rotate(-1.5deg)}to{transform:translateY(-10px)rotate(1.5deg)}}@keyframes floatBottomRight{0%{transform:translateY(0)rotate(1.5deg)}to{transform:translateY(10px)rotate(-1.5deg)}}.floating-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.phone-mockup-frame{width:290px;height:595px;transition:transform var(--transition-normal), box-shadow var(--transition-normal);z-index:2;background:#07090e;border:3px solid #ffffff29;border-radius:42px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 65px -15px #000000bf}.phone-mockup-frame:hover{transform:translateY(-4px)}.phone-device-header{z-index:6;-webkit-user-select:none;user-select:none;background:#07090ef5;justify-content:space-between;align-items:center;padding:10px 18px 4px;display:flex}.phone-time{color:#fff;font-size:11px;font-weight:700;font-family:var(--font-family-system);letter-spacing:-.2px}.phone-dynamic-island{background:#000;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:82px;height:20px;display:flex;box-shadow:inset 0 0 4px #ffffff14}.island-lens{background:#111827;border:1px solid #1f293d;border-radius:50%;width:8px;height:8px}.island-sensor{background:#090d16;border-radius:50%;width:4px;height:4px}.phone-status-icons{color:#e2e8f0;align-items:center;gap:6px;display:flex}.phone-story-progress-bar{z-index:6;background:#07090ef5;border-bottom:1px solid #ffffff0a;gap:5px;padding:6px 14px 4px;display:flex}.story-segment-track{cursor:pointer;height:3.5px;transition:height var(--transition-fast);background:#fff3;border-radius:999px;flex:1;overflow:hidden}.story-segment-track:hover{height:5px}.story-segment-fill{border-radius:999px;height:100%;transition:width 40ms linear}.phone-screen-viewport{cursor:pointer;background:#040508;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.phone-screen-image{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.phone-screen-video{object-fit:cover;width:100%;height:100%;display:block}.video-pan-active{animation:3.8s cubic-bezier(.25,1,.5,1) forwards kenBurnsWalkthrough}@keyframes kenBurnsWalkthrough{0%{filter:brightness(.98);transform:scale(1)translateY(0)}to{filter:brightness(1.02);transform:scale(1.045)translateY(-3px)}}.phone-glass-sheen{pointer-events:none;z-index:4;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 25%,#0000 50%,#ffffff0f 80%,#0000 100%);animation:9s ease-in-out infinite glassSheenSweep;position:absolute;inset:0}@keyframes glassSheenSweep{0%,to{opacity:.5}50%{opacity:.85}}.phone-home-indicator{background:#ffffff8c;border-radius:999px;flex-shrink:0;width:90px;height:4px;margin:6px auto 8px}.phone-controls-panel{z-index:2;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.phone-nav-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.phone-arrow-btn{background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.phone-arrow-btn:hover{background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.06)}.phone-screen-title-tag{text-align:center;flex-direction:column;align-items:center;max-width:190px;display:flex;overflow:hidden}.screen-num-pill{font-size:11px;font-weight:700;font-family:var(--font-family-mono);letter-spacing:.5px}.screen-title-text{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:1px;font-size:12px;font-weight:600;overflow:hidden}.live-walkthrough-badge{position:relative;overflow:hidden;border-color:#38bdf866!important}.live-badge-glow{opacity:.12;position:absolute;inset:0}.live-dot-pulse{border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite recordPulse;box-shadow:0 0 8px}.project-screens-section{margin-bottom:70px;position:relative}.screens-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.screens-header-row .section-header{margin-bottom:0}.screens-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.screens-scroll-controls{align-items:center;gap:8px;display:flex}.screens-scroll-btn{background:var(--color-surface);border:1px solid var(--color-border);width:42px;height:42px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex}.screens-scroll-btn:hover{background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.screens-gallery-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:22px;padding:10px 4px 24px;display:flex;overflow-x:auto}.screens-gallery-track::-webkit-scrollbar{display:none}.screen-device-card{scroll-snap-align:start;cursor:pointer;transition:transform var(--transition-normal);flex-direction:column;flex:0 0 250px;gap:14px;display:flex}.screen-device-card:hover{transform:translateY(-6px)}.screen-phone-frame{width:250px;height:510px;transition:all var(--transition-normal);background:#07090e;border:2.5px solid #ffffff24;border-radius:36px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #0009}.screen-device-card:hover .screen-phone-frame{border-color:var(--color-accent);box-shadow:0 22px 50px -10px #000c, 0 0 35px -8px var(--color-accent-subtle)}.screen-frame-dynamic-island{z-index:4;background:#000;border-radius:999px;width:68px;height:16px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.screen-frame-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.screen-frame-overlay{opacity:0;transition:opacity var(--transition-fast);z-index:5;background:linear-gradient(#0000 55%,#000c 100%);justify-content:center;align-items:flex-end;padding-bottom:22px;display:flex;position:absolute;inset:0}.screen-device-card:hover .screen-frame-overlay{opacity:1}.screen-zoom-chip{color:#fff;-webkit-backdrop-filter:blur(8px);transition:transform var(--transition-fast);background:#090b10e6;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex;transform:translateY(4px)}.screen-device-card:hover .screen-zoom-chip{transform:translateY(0)}.screen-card-meta{flex-direction:column;gap:4px;padding:0 4px;display:flex}.screen-meta-top{align-items:center;display:flex}.screen-index-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.screen-card-title{color:var(--color-heading);margin:4px 0 2px;font-size:15px;font-weight:700;line-height:1.35}.screen-card-caption{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.lightbox-overlay{z-index:99999;-webkit-backdrop-filter:blur(24px);background:#04060ceb;justify-content:center;align-items:center;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) forwards lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}.lightbox-dialog{justify-content:center;align-items:center;gap:24px;width:100%;max-width:900px;display:flex;position:relative}.lightbox-top-toolbar{z-index:10000;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:24px;left:28px;right:28px}.lightbox-top-counter{pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#121622e0;border:1px solid #ffffff26;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.lightbox-close-btn{pointer-events:auto;color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.lightbox-close-btn:hover{background:#fff3;transform:rotate(90deg)scale(1.08)}.lightbox-arrow-btn{color:#fff;cursor:pointer;width:52px;height:52px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.lightbox-arrow-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#fff3;transform:scale(1.1)}.lightbox-stage{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;display:flex}.lightbox-phone-frame{background:#07090e;border:3px solid;border-radius:42px;justify-content:center;align-items:center;width:310px;height:610px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -15px #000000d9}.lightbox-dynamic-island{z-index:4;background:#000;border-radius:999px;width:86px;height:20px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.lightbox-image{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.lightbox-caption-card{text-align:center;-webkit-backdrop-filter:blur(16px);background:#12151feb;border:1px solid #ffffff1f;border-radius:16px;width:100%;padding:12px 18px}.lightbox-caption-header{justify-content:center;align-items:center;gap:10px;margin-bottom:4px;display:flex}.lightbox-counter-pill{font-size:11px;font-weight:700;font-family:var(--font-family-mono);border:1px solid;border-radius:999px;padding:2px 9px}.lightbox-caption-title{color:#fff;margin:0;font-size:15px;font-weight:700}.lightbox-caption-desc{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.45}@media (width<=768px){.phone-mockup-frame{width:260px;height:520px}.lightbox-phone-frame{width:250px;height:490px}.lightbox-arrow-btn{width:40px;height:40px}.float-top-left,.float-bottom-right{display:none}}.project-detail-section{margin-bottom:60px}.project-overview-card{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);border-radius:20px;padding:32px}.project-overview-text{color:var(--color-text-primary);margin:0;font-size:17px;line-height:1.7}.workflow-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.workflow-step-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);border-radius:18px;padding:24px 20px;position:relative}.workflow-step-card:hover{background:var(--color-surface-hover);border-color:#38bdf84d;transform:translateY(-4px)}.workflow-step-card.highlighted{border-color:var(--color-accent);background:var(--color-surface-hover);box-shadow:0 10px 30px -10px #38bdf833}.step-badge{width:38px;height:38px;font-size:14px;font-weight:800;font-family:var(--font-family-mono);border:1px solid;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.step-title{color:#fff;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.3}.step-desc{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.55}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.feature-item-card{background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.feature-item-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover);transform:translateY(-2px)}.feature-icon-wrapper{border:1px solid;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.feature-text{color:#fff;font-size:14px;font-weight:500;line-height:1.5}.project-tech-tags{flex-wrap:wrap;gap:10px;display:flex}.project-tech-pill{color:#fff;border:1px solid var(--color-border);transition:all var(--transition-fast);background:#ffffff0d;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600}.project-tech-pill:hover{border-color:var(--color-accent);background:#38bdf81f;transform:translateY(-2px)}.project-switcher{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:20px;margin-top:60px;padding-top:40px;display:grid}.switcher-card{background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);border-radius:18px;flex-direction:column;padding:24px;text-decoration:none;display:flex}.switcher-card:hover{border-color:var(--color-accent);background:var(--color-surface-hover);transform:translateY(-3px)}.prev-card{align-items:flex-start}.next-card{text-align:right;align-items:flex-end}.switcher-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:12px;font-weight:700}.switcher-name{color:#fff;margin-bottom:4px;font-size:18px;font-weight:800}.switcher-cat{color:var(--color-text-muted);font-size:12px}.project-cta-banner{background:linear-gradient(135deg,#38bdf81f 0%,#6366f11f 100%);border:1px solid #38bdf84d;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding:36px 32px;display:flex}.cta-banner-content h3{color:#fff;margin:0 0 6px;font-size:20px;font-weight:800}.cta-banner-content p{color:var(--color-text-secondary);margin:0;font-size:14px}@media (width<=860px){.project-hero{grid-template-columns:1fr;gap:32px}.project-switcher{grid-template-columns:1fr}.next-card{text-align:left;align-items:flex-start}}:root.light .app-container{background-color:var(--color-bg);color:var(--color-text-primary)}:root.light .bg-glow-1{opacity:.12;background:radial-gradient(circle,#38bdf8 0%,#0284c7 70%,#0000 100%)}:root.light .bg-glow-2{opacity:.1;background:radial-gradient(circle,#93c5fd 0%,#38bdf8 70%,#0000 100%)}:root.light .navbar{background:#ffffffe0;border-bottom:1px solid #0f172a14;box-shadow:0 4px 20px -5px #0000000a}:root.light .logo-text{color:#0f172a;background:linear-gradient(135deg,#0f172a 60%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}:root.light .nav-link{color:#475569}:root.light .nav-link:hover{color:#0284c7}:root.light .social-btn{color:#475569;background:#fff;border-color:#0f172a1a;box-shadow:0 1px 3px #0000000a}:root.light .social-btn:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}:root.light .theme-toggle-btn{color:#475569;background:#fff;border-color:#0f172a1a;box-shadow:0 1px 3px #0000000a}:root.light .theme-toggle-btn:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}:root.light .nav-cta-btn{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:none;box-shadow:0 2px 10px #0284c740}:root.light .nav-cta-btn:hover{box-shadow:0 4px 15px #0284c759}:root.light .hero-title,:root.light .section-title,:root.light .app-name,:root.light .company-name,:root.light .role-title,:root.light .project-title,:root.light .step-title,:root.light .feature-text,:root.light .switcher-name,:root.light .cta-banner-content h3,:root.light .contact-title,:root.light .skill-category-title,:root.light .crumb-current,:root.light .mockup-app-title,:root.light .carousel-card-title,:root.light .metric-number{color:var(--color-heading)}:root.light .hero-eyebrow-editorial{background:#fff;border-color:#0f172a1f;box-shadow:0 1px 4px #0f172a0d}:root.light .hero-eyebrow-editorial:hover{background:#fff;border-color:#0284c759;box-shadow:0 4px 16px #0284c71a}:root.light .eyebrow-role{color:#0f172a}:root.light .eyebrow-stack{color:#475569}:root.light .eyebrow-shipped-tag{color:#15803d;background:#22c55e1f;border-color:#22c55e4d}:root.light .section-kicker{background:#fff;border-color:#0f172a1f;box-shadow:0 1px 3px #0f172a0a}:root.light .section-kicker:hover{background:#fff;border-color:#0284c759;box-shadow:0 2px 8px #0284c714}:root.light .kicker-badge{color:#0284c7;background:#0284c714;border-color:#0284c738}:root.light .kicker-label{color:#475569}:root.light .hero-bio strong{color:#0f172a}:root.light .metric-chip{background:#fff;border-color:#0f172a17;box-shadow:0 2px 10px #0f172a0a}:root.light .metric-chip:hover{border-color:#0284c759;box-shadow:0 8px 24px #0284c714}:root.light .hero-social-link{color:#475569;background:#fff;border-color:#0f172a1a;box-shadow:0 1px 3px #0f172a08}:root.light .hero-social-link:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}:root.light .btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);box-shadow:0 3px 12px #0284c74d}:root.light .btn-primary:hover{background:linear-gradient(135deg,#0369a1 0%,#1d4ed8 100%);box-shadow:0 5px 18px #0284c766}:root.light .btn-secondary{color:#0f172a;background:#fff;border-color:#0f172a24;box-shadow:0 2px 8px #0f172a0a}:root.light .btn-secondary:hover{color:#0284c7;background:#f8fafc;border-color:#0284c7}:root.light .btn-ghost{color:#475569}:root.light .btn-ghost:hover{color:#0284c7;background:#0f172a0a;border-color:#0f172a1a}:root.light .skill-card{background:#fff;border-color:#0f172a14;box-shadow:0 2px 10px #0f172a08}:root.light .skill-card:hover{background:#fff;border-color:#0284c759;box-shadow:0 12px 28px -6px #0284c71a}:root.light .skill-card-featured{background:linear-gradient(145deg,#f0f9ff 0%,#fff 100%);border-color:#0284c747}:root.light .skill-icon-wrap{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}:root.light .skill-category-title{color:#0f172a}:root.light .skill-category-badge{color:#64748b;background:#f8fafc;border-color:#e2e8f0}:root.light .skill-tag{color:#1e293b;background:#f8fafc;border-color:#e2e8f0;box-shadow:0 1px 3px #00000005}:root.light .skill-tag:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}:root.light .skill-tag-primary{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}:root.light .skill-dot-primary{background:#0284c7;box-shadow:0 0 6px #0284c773}:root.light .skill-level-badge{color:#64748b;background:#e2e8f0;border-color:#cbd5e1}:root.light .skill-featured-note{color:#0284c7;border-top-color:#0284c733}:root.light .contact-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #0284c733;box-shadow:0 20px 40px -10px #0000000f}:root.light .contact-glow{background:radial-gradient(circle,#0284c71a 0%,#0000 70%)}:root.light .contact-footer-links{border-top-color:#0f172a14}:root.light .info-label{color:#64748b}:root.light .info-value{color:#0f172a}:root.light .info-value:hover{color:#0284c7}:root.light .contact-social-pill{color:#1e293b;background:#fff;border-color:#0f172a24;box-shadow:0 1px 3px #0f172a0a}:root.light .contact-social-pill:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 14px #0284c72e}:root.light .mockup-frame{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:#0f172a1a;box-shadow:0 20px 50px -10px #00000014}:root.light .mockup-header-bar{background:#f8fafc;border-bottom:1px solid #0f172a0f}:root.light .mockup-url-pill{color:var(--color-text-muted);background:#fff;border:1px solid #0f172a14}:root.light .mockup-app-logo{background:#fff;border-color:#0f172a1a}:root.light .app-logo-wrapper{background:#fff;border-color:#0f172a1a;box-shadow:0 4px 14px #0000000d}:root.light .mockup-feature-carousel{background:#fff;border-color:#0f172a14;box-shadow:0 4px 15px #00000008}:root.light .step-dot-btn{background:#0f172a26}:root.light .step-dot-btn:hover{background:#0f172a59}:root.light .project-overview-card,:root.light .workflow-step-card,:root.light .feature-item-card,:root.light .switcher-card,:root.light .app-card,:root.light .skill-card,:root.light .exp-card,:root.light .metric-chip{box-shadow:0 2px 10px #00000008}:root.light .project-tech-pill{border-color:var(--color-border);color:var(--color-text-primary);background:#fff}:root.light .project-tech-pill:hover{border-color:var(--color-accent);background:#0284c714}:root.light .promo-line{background:#0f172a1a}:root.light .footer{background:#05060a;border-top:1px solid #ffffff14}:root.light .footer-brand{color:#fff}:root.light .footer-tagline{color:#64748b}:root.light .footer-links a{color:#94a3b8}:root.light .footer-links a:hover{color:#38bdf8}:root.light .footer-divider{background:#ffffff14}:root.light .footer-copyright{color:#64748b}:root.light .footer-top-btn{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff1f}:root.light .footer-top-btn:hover{color:#38bdf8;background:#ffffff1a;border-color:#38bdf8}:root.light .project-hero-logo-wrap{background:#fff;border-color:#0000001a;box-shadow:0 4px 16px #00000014}:root.light .phone-arrow-btn,:root.light .screens-scroll-btn{color:#0f172a;background:#fff;border-color:#0000001f}:root.light .phone-arrow-btn:hover,:root.light .screens-scroll-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#f1f5f9}:root.light .screen-card-title{color:#0f172a}:root.light .screen-card-caption{color:#475569}:root.light .screen-device-card:hover .screen-phone-frame{box-shadow:0 20px 45px -10px #00000040, 0 0 25px -8px var(--color-accent-subtle)}:root.light .back-link{color:#0284c7;background:#f0f9ff;border-color:#0284c747;box-shadow:0 1px 3px #0284c70f}:root.light .back-link:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translate(-3px);box-shadow:0 4px 14px #0284c740}:root.light .crumb-sep{color:#94a3b8}:root.light .crumb-current{color:#0f172a}:root.light .phone-floating-pill{color:#0f172a;background:#ffffffeb;box-shadow:0 10px 25px #00000014}:root.light .lightbox-overlay{background:#0f172aeb}body,.app-container,.navbar,.app-card,.skill-card,.exp-card,.contact-card,.mockup-frame,.footer,.btn,.theme-toggle-btn{transition:background-color var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family-system);margin:0;padding:0}a{color:inherit;text-decoration:none}