.admin-layout{background:#f0f2f5;min-height:100vh;font-family:DM Sans,sans-serif}.admin-layout-no-sidebar .admin-main{max-width:1260px;margin:0 auto;padding:2rem 1.5rem 3rem}.admin-main-topbar{background:#fff;border:1px solid #e8ecf0;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex;box-shadow:0 16px 40px #112d4e0f}.admin-main-title{color:#112d4e;font-size:1rem;font-weight:700}.admin-main-actions{align-items:center;gap:.75rem;display:flex}.admin-main-link{padding:.65rem 1rem}.admin-logout-btn{color:#112d4e;background:#fff;border:1px solid #d2d9e3;border-radius:10px;padding:.65rem 1rem}.admin-logout-btn:hover{background:#f5f8fc}.admin-login-page{background:linear-gradient(135deg,#112d4e 0%,#1a3a5c 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-card{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 32px 80px #0000004d}.admin-login-logo{color:#3f72af;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:13px}.admin-login-title{color:#112d4e;margin-bottom:.25rem;font-size:1.8rem;font-weight:700}.admin-login-sub{color:#888;margin-bottom:2rem;font-size:14px}.admin-page{max-width:900px}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-dashboard-page{padding-top:0}.admin-dashboard-intro{margin-bottom:1.5rem}.admin-dashboard-minimal{max-width:860px;padding:0}.admin-dashboard-copy{color:#55637e;max-width:680px;margin:0;font-size:1rem;line-height:1.8}.admin-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.admin-dashboard-grid-compact{margin-top:.5rem}.admin-dashboard-card{text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#fdfdff 100%);border:1px solid #223c5a14;border-radius:22px;flex-direction:column;align-items:flex-start;width:100%;min-height:170px;padding:1.75rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.admin-dashboard-card:hover{border-color:#3f72af33;transform:translateY(-3px);box-shadow:0 22px 55px #112d4e17}.admin-dashboard-card-title{margin-bottom:.9rem;font-size:1.05rem;font-weight:700}.admin-dashboard-card-desc{color:#596b86;font-size:.96rem;line-height:1.75}.admin-page-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-page-actions .admin-btn-ghost{padding:.65rem 1rem}.admin-page-footer{border-top:1px solid #e8ecf0;justify-content:flex-end;margin-top:1rem;padding-top:1rem;display:flex}.admin-page-footer .admin-btn-primary{min-width:170px}.admin-page-footer .admin-success,.admin-page-footer .admin-error{align-self:center;margin-right:auto}.admin-page-header p{color:#677489;max-width:640px;margin:.35rem 0 0}.admin-page-title{color:#112d4e;font-size:1.6rem;font-weight:700}.admin-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;margin-bottom:1.5rem;padding:1.75rem;box-shadow:0 2px 12px #0000000a}.admin-form-card{border:2px solid #3f72af}.admin-card-title{color:#112d4e;margin-bottom:.4rem;font-size:1rem;font-weight:700}.admin-card-desc{color:#888;margin-bottom:1.25rem;font-size:13px}.admin-field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.admin-field label{color:#444;font-size:13px;font-weight:600}.admin-field input,.admin-field textarea,.admin-field select{color:#112d4e;box-sizing:border-box;border:1px solid #dde2ea;border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-family:DM Sans,sans-serif;font-size:14px;transition:border .15s}.admin-field input:focus,.admin-field textarea:focus{border-color:#3f72af}.admin-field-hint{color:#aaa;font-size:12px}.admin-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.analytics-stat-card{background:#f7f9fd;border:1px solid #e6edf8;border-radius:18px;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;display:flex}.analytics-stat-card span{color:#55637e;font-size:.92rem}.analytics-stat-card strong{color:#112d4e;font-size:1.5rem}.analytics-source-chart{gap:1rem;margin-top:1rem;display:grid}.analytics-source-row{gap:.75rem;display:grid}.analytics-source-title{color:#112d4e;font-weight:600}.analytics-source-meta{color:#64748b;font-size:13px}.analytics-bar{background:#e7effd;border-radius:999px;height:12px;overflow:hidden}.analytics-bar-fill{background:linear-gradient(90deg,#3f72af,#1c3f7f);border-radius:999px;height:100%;transition:width .4s}.analytics-performance-header{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-top:1rem;display:flex}.analytics-score-card{text-align:center;background:#eef5ff;border:1px solid #dbe8ff;border-radius:18px;min-width:130px;padding:1rem}.analytics-score-card span{color:#55637e;margin-bottom:.5rem;font-size:.9rem;display:block}.analytics-score-card strong{color:#0f172a;font-size:2rem}.analytics-status-pill{text-transform:uppercase;border-radius:999px;padding:.55rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.analytics-status-pill.needs_improvement{color:#92400e;background:#fffbeb}.analytics-status-pill.good{color:#166534;background:#ecfdf5}.analytics-status-pill.poor{color:#991b1b;background:#fee2e2}.analytics-performance-note{color:#64748b;max-width:540px;margin-top:.75rem;font-size:.92rem}.analytics-metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1rem;display:grid}.analytics-metric-card{background:#fff;border:1px solid #e8eff9;border-radius:18px;padding:1rem}.analytics-metric-card span{color:#64748b;margin-bottom:.35rem;font-size:.9rem;display:block}.analytics-metric-card strong{color:#112d4e;font-size:1.15rem}.analytics-callout-grid{gap:1rem;margin-top:1rem;display:grid}.analytics-callout-card{background:#f8fbff;border:1px solid #e4ecfb;border-radius:18px;padding:1rem}.analytics-callout-title{color:#112d4e;margin-bottom:.75rem;font-weight:700}.analytics-callout-card ul{color:#55637e;margin:0;padding-left:1.15rem;font-size:.95rem;line-height:1.7}.admin-section-divider{color:#3f72af;border-top:1px solid #eef0f4;margin:.5rem 0 1rem;padding:.75rem 0;font-size:13px;font-weight:600}.admin-form-actions{border-top:1px solid #f0f2f5;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.admin-list-row{align-items:center;gap:.5rem;display:flex}.admin-info-card-row{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.admin-table-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.admin-image-preview{aspect-ratio:3/4;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:720px;margin-top:1rem;position:relative;overflow:hidden;box-shadow:0 14px 30px #112d4e14}.admin-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#888;background:#f8f9fb;border-bottom:1px solid #eef0f4;padding:.85rem 1.25rem;font-size:12px;font-weight:600}.admin-table td{border-bottom:1px solid #f4f5f7;padding:1rem 1.25rem;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafbfd}.admin-table-name{color:#112d4e;font-weight:600}.admin-tags-cell{flex-wrap:wrap;gap:.35rem;display:flex}.admin-action-btns{gap:.5rem;display:flex}.admin-btn-primary{color:#fff;cursor:pointer;background:#3f72af;border:none;border-radius:8px;padding:.65rem 1.4rem;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .15s}.admin-btn-primary:hover{background:#2e5a92}.admin-btn-primary:disabled{cursor:not-allowed;background:#aac0d8}.admin-btn-ghost{color:#3f72af;cursor:pointer;background:0 0;border:1px solid #3f72af;border-radius:8px;padding:.6rem 1.2rem;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.admin-btn-ghost:hover{color:#fff;background:#3f72af}.admin-btn-edit{color:#3f72af;cursor:pointer;background:#eef3fa;border:none;border-radius:6px;padding:.4rem .85rem;font-size:13px;transition:background .15s}.admin-btn-edit:hover{background:#dde8f5}.admin-btn-danger-sm{color:#e05555;cursor:pointer;background:#fff0f0;border:none;border-radius:6px;flex-shrink:0;padding:.4rem .7rem;font-size:13px;transition:background .15s}.admin-btn-danger-sm:hover{background:#ffd8d8}.admin-toggle-row{justify-content:space-between;align-items:center;display:flex}.admin-toggle{width:48px;height:26px;display:inline-block;position:relative}.admin-toggle input{opacity:0;width:0;height:0}.admin-toggle-slider{cursor:pointer;background:#dde2ea;border-radius:26px;transition:all .3s;position:absolute;inset:0}.admin-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.admin-toggle input:checked+.admin-toggle-slider{background:#3f72af}.admin-toggle input:checked+.admin-toggle-slider:before{transform:translate(22px)}.admin-pill{color:#3f72af;background:#eef3fa;border-radius:20px;padding:.2rem .65rem;font-family:JetBrains Mono,monospace;font-size:11px}.admin-pct{color:#3f72af;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.admin-tag-sm{color:#666;background:#f4f5f7;border-radius:4px;padding:.15rem .5rem;font-size:11px}.admin-error{color:#c0392b;background:#fff0f0;border:1px solid #ffd0d0;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:14px}.admin-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:14px}.admin-loading{text-align:center;color:#888;padding:3rem}input[type=range]{accent-color:#3f72af;width:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:radial-gradient(circle at top left, #3f72af1f, transparent 24%), radial-gradient(circle at 85% 15%, #3f72af14, transparent 20%), linear-gradient(180deg, #f9f7f7 0%, #e9eef8 100%);--surface:#dbe2ef;--surface2:#e9eef8;--border:#112d4e24;--accent:#3f72af;--accent-dim:#3f72af26;--cyan:#3f72af;--cyan-dim:#3f72af26;--dark:#112d4e;--text:#112d4e;--muted:#475569;--shadow:0 28px 80px #112d4e1f;--font-head:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}.theme-light-blue{--bg:radial-gradient(circle at top left, #3b82f61f, transparent 24%), radial-gradient(circle at 85% 15%, #3b82f614, transparent 20%), linear-gradient(180deg, #fff 0%, #eef2ff 100%);--surface:#f8fbff;--surface2:#eef5ff;--border:#2563eb29;--accent:#2563eb;--accent-dim:#2563eb29;--cyan:#2563eb;--cyan-dim:#2563eb24;--dark:#0f172a;--text:#0f172a;--muted:#475569;--shadow:0 28px 80px #0f172a14}.theme-light-mint{--bg:radial-gradient(circle at top left, #10b9811f, transparent 24%), radial-gradient(circle at 85% 15%, #10b98114, transparent 20%), linear-gradient(180deg, #fff 0%, #ecfdf5 100%);--surface:#eff9f2;--surface2:#d8f0e0;--border:#10b98129;--accent:#10b981;--accent-dim:#10b98129;--cyan:#14b8a6;--cyan-dim:#14b8a624;--dark:#0f172a;--text:#0f172a;--muted:#4b5563;--shadow:0 28px 80px #0f172a14}.theme-light-lavender{--bg:radial-gradient(circle at top left, #a855f71f, transparent 24%), radial-gradient(circle at 85% 15%, #a855f714, transparent 20%), linear-gradient(180deg, #fff 0%, #f5f3ff 100%);--surface:#f8f4ff;--surface2:#ede9fe;--border:#a855f729;--accent:#7c3aed;--accent-dim:#7c3aed29;--cyan:#7c3aed;--cyan-dim:#7c3aed24;--dark:#111827;--text:#111827;--muted:#4b5563;--shadow:0 28px 80px #11182714}.theme-dark-indigo{--bg:radial-gradient(circle at top left, #4f46e51f, transparent 24%), radial-gradient(circle at 85% 15%, #4f46e514, transparent 20%), linear-gradient(180deg, #07132a 0%, #0a1835 100%);--surface:#0f172a;--surface2:#131f36;--border:#7c3aed3d;--accent:#818cf8;--accent-dim:#818cf829;--cyan:#7dd3fc;--cyan-dim:#7dd1fc24;--dark:#f8fafc;--text:#f8fafc;--muted:#c7d2fe;--shadow:0 28px 80px #0f172a73}.theme-dark-emerald{--bg:radial-gradient(circle at top left, #10b9811f, transparent 24%), radial-gradient(circle at 85% 15%, #10b98114, transparent 20%), linear-gradient(180deg, #071b12 0%, #0c2317 100%);--surface:#0f1f15;--surface2:#11281b;--border:#10b9813d;--accent:#34d399;--accent-dim:#34d39929;--cyan:#5eead4;--cyan-dim:#5eead424;--dark:#f8fafc;--text:#f8fafc;--muted:#a7f3d0;--shadow:0 28px 80px #07110c73}.theme-dark-rose{--bg:radial-gradient(circle at top left, #f472b61f, transparent 24%), radial-gradient(circle at 85% 15%, #f472b614, transparent 20%), linear-gradient(180deg, #190b17 0%, #241023 100%);--surface:#1f1022;--surface2:#25132a;--border:#f472b63d;--accent:#f472b6;--accent-dim:#f472b629;--cyan:#c4b5fd;--cyan-dim:#c4b5fd24;--dark:#f8fafc;--text:#f8fafc;--muted:#f9a8d4;--shadow:0 28px 80px #190b2173}html{scroll-behavior:smooth;scroll-padding-top:120px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.75;overflow-x:hidden}#bg-canvas{z-index:0;opacity:.72;pointer-events:none;mix-blend-mode:normal;transition:opacity .2s,mix-blend-mode .2s;position:fixed;inset:0}.theme-dark-indigo #bg-canvas,.theme-dark-emerald #bg-canvas,.theme-dark-rose #bg-canvas{opacity:.78}.container{z-index:1;max-width:1100px;margin:0 auto;padding:0 2rem;position:relative}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;position:fixed;top:0;left:0;right:0}.theme-dark-indigo nav,.theme-dark-emerald nav,.theme-dark-rose nav{background:#0000008f;border-bottom-color:#ffffff1f}.theme-dark-indigo nav a,.theme-dark-indigo .nav-logo,.theme-dark-indigo .nav-theme-toggle,.theme-dark-emerald nav a,.theme-dark-emerald .nav-logo,.theme-dark-emerald .nav-theme-toggle,.theme-dark-rose nav a,.theme-dark-rose .nav-logo,.theme-dark-rose .nav-theme-toggle{color:var(--text)!important}.nav-theme-toggle{cursor:pointer;border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);background:0 0;border-radius:999px;padding:.55rem .85rem;font-size:11px;transition:background .2s,color .2s,border-color .2s}.nav-theme-toggle:hover{background:#3f72af14}.theme-dark-indigo .nav-theme-toggle:hover,.theme-dark-emerald .nav-theme-toggle:hover,.theme-dark-rose .nav-theme-toggle:hover{background:#7dd1fc1f}.theme-toggle-float{z-index:220;border:1px solid var(--border);width:3.25rem;height:3.25rem;color:var(--text);background:#ffffffeb;border-radius:999px;place-items:center;font-size:1.2rem;transition:transform .2s,background .2s,border-color .2s;display:grid;position:fixed;bottom:1rem;right:1rem;box-shadow:0 18px 40px #0f172a1f}.scroll-top{z-index:215;border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;background:#fffffff0;border-radius:999px;padding:.85rem 1rem;font-size:.95rem;transition:transform .2s,background .2s,border-color .2s;position:fixed;bottom:5.5rem;right:1rem;box-shadow:0 18px 40px #0f172a1f}.scroll-top:hover,.theme-toggle-float:hover{background:#fffffffa;transform:translateY(-2px)}.shimmer{background:var(--surface);border-radius:.75rem;position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffa6 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.shimmer-line{border-radius:999px}.shimmer-box{border-radius:1rem}.shimmer-tag,.shimmer-btn{border-radius:999px}.shimmer-stat{border-radius:1rem}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.theme-dark-indigo .shimmer,.theme-dark-emerald .shimmer,.theme-dark-rose .shimmer{background:#ffffff14}.theme-dark-indigo .shimmer:after,.theme-dark-emerald .shimmer:after,.theme-dark-rose .shimmer:after{background:linear-gradient(90deg,#0000 0%,#ffffff2e 50%,#0000 100%)}.theme-dark-indigo .theme-toggle-float,.theme-dark-emerald .theme-toggle-float,.theme-dark-rose .theme-toggle-float,.theme-dark-indigo .scroll-top,.theme-dark-emerald .scroll-top,.theme-dark-rose .scroll-top{color:var(--text);background:#0f172ae6;border-color:#ffffff24}.theme-dark-indigo .theme-toggle-float:hover,.theme-dark-emerald .theme-toggle-float:hover,.theme-dark-rose .theme-toggle-float:hover,.theme-dark-indigo .scroll-top:hover,.theme-dark-emerald .scroll-top:hover,.theme-dark-rose .scroll-top:hover{background:#0f172afa}@media (width<=768px){.theme-toggle-float{width:3rem;height:3rem;bottom:.75rem;right:.75rem}}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--text);letter-spacing:.05em;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block}.nav-logo.shimmer{cursor:pointer;border-radius:999px;min-width:8rem;min-height:1.2rem}.nav-logo.shimmer:after{border-radius:999px}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-family:var(--font-mono);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.theme-dark-indigo nav .nav-links a,.theme-dark-indigo nav .nav-logo,.theme-dark-indigo nav .nav-theme-toggle,.theme-dark-emerald nav .nav-links a,.theme-dark-emerald nav .nav-logo,.theme-dark-emerald nav .nav-theme-toggle,.theme-dark-rose nav .nav-links a,.theme-dark-rose nav .nav-logo,.theme-dark-rose nav .nav-theme-toggle{color:var(--text)!important}#hero{align-items:center;min-height:100dvh;padding:calc(80px + 4rem) 0 3rem;display:flex}.hero-tag{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:12px;display:flex}.hero-tag:before{content:"";background:var(--cyan);width:32px;height:1px;display:inline-block}h1.hero-name{font-family:var(--font-body);letter-spacing:-.03em;color:var(--dark);margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.08}.hero-name.gradient-text{background-image:linear-gradient(90deg, var(--accent), var(--cyan), var(--text), var(--accent));color:#0000;-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradient-slide}.hero-name-accent{color:var(--accent)}@keyframes gradient-slide{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-name span{color:inherit}.hero-typing-wrap{font-family:var(--font-mono);color:var(--accent);min-height:2rem;margin-bottom:2rem;font-size:clamp(.95rem,1.8vw,1.2rem)}#typing-text{border-right:2px solid var(--accent);padding-right:3px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:2rem;display:grid}.hero-photo{background:var(--surface);box-shadow:var(--shadow);aspect-ratio:3/4;will-change:transform;border:1px solid #3f72af1f;border-radius:28px;justify-content:center;align-items:center;width:100%;max-width:720px;padding:1rem;transition:transform .3s;display:flex}.hero-copy{will-change:transform;transition:transform .25s}.hero-photo img{object-fit:cover;border-radius:22px;width:100%;height:100%;display:block}.hero-photo-placeholder{background:linear-gradient(135deg, var(--surface) 0%, var(--surface2) 100%);width:100%;height:100%;color:var(--muted);font-family:var(--font-mono);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:13px;display:flex}.hero-desc{color:var(--text);max-width:580px;margin-bottom:1.75rem;font-size:1.05rem;line-height:1.75}.hero-btns{flex-wrap:wrap;justify-content:flex-start;gap:1rem;display:flex}.btn{cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);letter-spacing:.02em;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background:#2e5a92;transform:translateY(-2px)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-stats{border-top:1px solid var(--border);gap:3rem;margin-top:3rem;padding-top:2rem;display:flex}.stat-num{font-family:var(--font-head);color:var(--dark);font-size:2rem;font-weight:700}.stat-num span{color:var(--cyan)}.stat-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-family:var(--font-mono)}section{padding:3rem 0;scroll-margin-top:120px}.section-tag{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem;font-size:11px}.section-title{font-family:var(--font-head);color:var(--dark);overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.section-line{background:var(--cyan);width:48px;height:2px;margin-bottom:2rem}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-text p{color:var(--text);margin-bottom:1.25rem}.about-cards{flex-direction:column;gap:1rem;display:flex}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1.25rem;padding:1.4rem 1.6rem;display:flex;box-shadow:0 4px 24px #112d4e0f}.info-card-icon{font-size:1.8rem;line-height:1}.info-card-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;font-size:10px}.info-card-value{font-family:var(--font-head);color:var(--dark);font-size:1.05rem;font-weight:700}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.skill-group{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem}.skill-group-title{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;font-size:11px}.skill-item{margin-bottom:1.25rem}.skill-row{color:var(--dark);justify-content:space-between;margin-bottom:.4rem;font-size:14px;display:flex}.skill-pct{font-family:var(--font-mono);color:var(--cyan)}.skill-bar{background:var(--surface);border-radius:2px;height:4px;overflow:hidden}.skill-bar-fill{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width 1s}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1rem;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 24px #112d4e0f}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.project-num{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;font-size:11px}.project-name{font-family:var(--font-head);color:var(--dark);font-size:1.1rem;font-weight:700}.project-desc{color:var(--text);flex:1;font-size:.9rem;line-height:1.7}.project-stack{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.stack-chip{font-family:var(--font-mono);letter-spacing:.05em;border-radius:20px;padding:.25rem .7rem;font-size:11px}.chip-gold{color:#b87a00;background:#f0a0301f}.chip-cyan{background:var(--accent-dim);color:var(--accent)}.chip-gray{background:var(--surface);color:var(--dark)}.contact-box{background:var(--surface);border:1px solid var(--border);text-align:center;max-width:680px;box-shadow:var(--shadow);border-radius:24px;margin:0 auto;padding:3rem}.contact-email{font-family:var(--font-mono);color:var(--accent);margin:1.5rem 0 .5rem;font-size:1.15rem}.contact-desc{color:var(--text);margin-bottom:2rem;font-size:.9rem}.social-row{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.social-btn{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:.4rem 1rem;font-size:12px;text-decoration:none;transition:all .2s}.social-btn:hover{color:var(--accent);border-color:var(--accent)}footer{border-top:1px solid var(--border);text-align:center;font-family:var(--font-mono);color:var(--muted);z-index:1;padding:2rem 0;font-size:12px;position:relative}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.motion-item{opacity:0;transition:opacity .75s,transform .75s}.motion-item.visible{opacity:1;transform:translate(0,0)}.motion-left{transform:translate(-32px)}.motion-right{transform:translate(32px)}.motion-up{transform:translateY(28px)}.motion-down{transform:translateY(-28px)}.case-study-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;margin-bottom:4rem;padding:2.5rem}.case-study-actions{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.case-study-slider{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.case-study-slide{object-fit:cover;width:100%;max-width:900px;box-shadow:var(--shadow);border-radius:22px}.slider-nav{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--dark);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.slider-nav:hover{background:var(--surface2);transform:translateY(-2px)}.case-study-top{grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:1.5rem;margin-bottom:2rem;display:grid}.case-study-overview{color:var(--text);overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin-top:1rem}.case-study-meta{gap:1rem;display:grid}.case-study-section{background:var(--surface2);border:1px solid var(--border);border-radius:18px;min-width:0;padding:1.4rem}.case-study-section h3{color:var(--dark);margin-bottom:.9rem;font-size:1rem}.case-study-section p,.case-study-section li{color:var(--text);overflow-wrap:anywhere;word-break:break-word;line-height:1.85}.case-study-section ul{padding-left:1.2rem;list-style:outside}.meta-pair{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;gap:1rem;margin-bottom:.75rem;font-size:.95rem;display:flex}.meta-pair span:last-child{color:var(--dark);font-weight:600}.section-note{max-width:880px;color:var(--muted);margin-bottom:2.5rem}.skills-card-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:.75rem;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 24px #112d4e0f}.skill-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.skill-card-category{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:.4rem;width:fit-content;padding:.3rem .9rem;font-size:11px;display:flex}.skill-cat-dot{color:var(--accent);font-size:14px}.skill-card-name{font-family:var(--font-head);color:var(--dark);margin-top:.25rem;font-size:1.5rem;font-weight:700}.skill-card-desc{color:var(--text);flex:1;font-size:.88rem;line-height:1.7}.skill-card-proficiency{color:var(--muted);justify-content:space-between;margin-top:.5rem;font-size:13px;display:flex}.skill-card-pct{color:var(--dark);font-weight:600}.skill-card-tags{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.skill-tag{font-family:var(--font-mono);background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:.2rem .6rem;font-size:11px}.stack-chip-outline{font-family:var(--font-mono);border:1px solid var(--border);color:var(--dark);background:0 0;border-radius:20px;padding:.25rem .7rem;font-size:11px}.btn-project{cursor:pointer;background:var(--accent);color:#fff;width:100%;font-size:14px;font-weight:500;font-family:var(--font-body);border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:auto;padding:.85rem;text-decoration:none;transition:all .2s;display:flex}.btn-project:hover{background:var(--accent);transform:translateY(-2px)}@media (width<=860px){.skills-card-grid,.hero-grid,.about-grid,.skills-grid,.projects-grid,.case-study-top{grid-template-columns:1fr}#hero{padding-top:8rem;padding-bottom:2rem}}@media (width<=768px){.nav-inner{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.container{padding:0 2rem}#hero{padding-top:9rem;padding-bottom:2rem}section{padding-top:3rem}.hero-btns,.case-study-actions{justify-content:center}.hero-stats{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.hero-stats>div,.hero-stats .stat-num,.hero-stats .stat-label{text-align:center}.section-tag,.section-title,.section-note{padding-left:.35rem}.section-line{margin-left:.35rem}.section-title{font-size:clamp(1.8rem,8vw,2.3rem)}.section-note{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.case-study-card{padding:1.75rem 1.5rem}.case-study-top{gap:1rem}.case-study-section{padding:1.2rem}.case-study-section ul{padding-left:1rem}}@media (width>=860px){#hero{min-height:auto;padding-top:calc(80px + 2rem);padding-bottom:2rem}}