:root{--bg: #080c14;--bg-2: #0d1424;--bg-3: #121929;--glass: rgba(255, 255, 255, .038);--glass-2: rgba(255, 255, 255, .062);--glass-3: rgba(255, 255, 255, .09);--glass-hover: rgba(255, 255, 255, .052);--border: rgba(99, 130, 200, .14);--border-2: rgba(99, 130, 200, .24);--border-hi: rgba(99, 130, 200, .38);--text: #e8edf8;--muted: #7a8fb5;--faint: #2e3f5c;--surface: rgba(8, 12, 20, .97);--panel: rgba(13, 20, 36, .95);--chip: rgba(18, 25, 41, .9);--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .14);--accent-border: rgba(59, 130, 246, .32);--accent-fg: #93c5fd;--accent-glow: rgba(59, 130, 246, .4);--shadow-accent: 0 8px 28px -6px rgba(59, 130, 246, .5);--grad: linear-gradient(135deg, #3b82f6, #6366f1);--grad-border: linear-gradient(135deg, rgba(59,130,246,.45), rgba(99,102,241,.15));--grad-soft: linear-gradient(135deg, rgba(59,130,246,.1), rgba(99,102,241,.05));--radius: 14px;--radius-sm: 8px;--radius-lg: 20px;--radius-xl: 28px;--shadow: 0 48px 120px -36px rgba(0, 0, 0, .95);--shadow-md: 0 18px 54px -14px rgba(0, 0, 0, .72);--shadow-sm: 0 4px 18px -4px rgba(0, 0, 0, .58);--shadow-card: 0 1px 0 rgba(255,255,255,.045), 0 4px 20px -4px rgba(0,0,0,.5);--shadow-card-up: 0 1px 0 rgba(255,255,255,.06), 0 20px 52px -10px rgba(0,0,0,.72);--shadow-glow: 0 0 0 1px var(--border), 0 20px 56px -16px var(--accent-glow);--sidebar-w: 240px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--font-head: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--z-bg: 0;--z-base: 1;--z-topbar: 30;--z-scrim: 38;--z-sidebar: 45;--z-drawer: 50}[data-mode=light]{--bg: #f0f4fb;--bg-2: #e6ecf7;--bg-3: #dce4f2;--glass: rgba(255, 255, 255, .65);--glass-2: rgba(255, 255, 255, .82);--glass-3: rgba(255, 255, 255, .95);--glass-hover: rgba(255, 255, 255, .75);--border: rgba(59, 100, 180, .13);--border-2: rgba(59, 100, 180, .22);--border-hi: rgba(59, 100, 180, .36);--text: #0d1424;--muted: #4a5f88;--faint: #b0bdd8;--surface: rgba(240, 244, 251, .97);--panel: rgba(230, 236, 247, .95);--chip: rgba(220, 228, 242, .9);--shadow: 0 32px 80px -24px rgba(20, 40, 100, .18);--shadow-md: 0 12px 36px -8px rgba(20, 40, 100, .12);--shadow-sm: 0 4px 16px -4px rgba(20, 40, 100, .08);--shadow-card: 0 1px 0 rgba(255,255,255,.7), 0 6px 24px -6px rgba(20,40,100,.12);--shadow-card-up: 0 1px 0 rgba(255,255,255,.8), 0 20px 56px -12px rgba(20,40,100,.18)}[data-mode=light] body{background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 15% -10%,rgba(59,130,246,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 105%,rgba(99,102,241,.07) 0%,transparent 55%)}[data-mode=light] .bg-glows{display:none}[data-mode=light] body:before{display:none}[data-mode=light] .sidebar,[data-mode=light] .topbar{background:#f0f4fbf0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;background:radial-gradient(ellipse 80% 50% at 15% -10%,rgba(59,130,246,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 105%,rgba(99,102,241,.06) 0%,transparent 55%)}.bg-glows{display:none}body:after{display:none}.sr{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.sr.in{opacity:1;transform:none}.sr:nth-child(1){transition-delay:0s}.sr:nth-child(2){transition-delay:55ms}.sr:nth-child(3){transition-delay:.11s}.sr:nth-child(4){transition-delay:.165s}.sr:nth-child(5){transition-delay:.22s}.sr:nth-child(6){transition-delay:.275s}.sr:nth-child(7){transition-delay:.33s}.sr:nth-child(8){transition-delay:.385s}.sr:nth-child(9){transition-delay:.44s}.sr:nth-child(10){transition-delay:.495s}.sr:nth-child(11){transition-delay:.55s}.sr:nth-child(12){transition-delay:.605s}.sr:nth-child(13){transition-delay:.66s}.sr:nth-child(14){transition-delay:.715s}@media (prefers-reduced-motion: reduce){.sr{opacity:1;transform:none;transition:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes page-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes status-ping{0%{transform:scale(1);opacity:.75}to{transform:scale(2.6);opacity:0}}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app{position:relative;z-index:var(--z-base);display:block;height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);display:flex;flex-direction:column;padding:24px 12px 20px;background:var(--surface);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-right:1px solid var(--border);z-index:var(--z-sidebar);overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-2)}.brand{display:flex;align-items:center;gap:12px;padding:6px 10px 24px}.brand-mark{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--accent);font-family:var(--font-head);font-weight:800;font-size:14px;color:#fff;letter-spacing:-.02em}.brand-name{font-family:var(--font-head);font-weight:700;font-size:14.5px;letter-spacing:-.022em;line-height:1.2}.brand-sub{font-size:10px;color:var(--faint);font-family:var(--font-mono);letter-spacing:.04em;margin-top:3px}.nav{display:flex;flex-direction:column;gap:2px;flex:1;padding-bottom:8px}.nav-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);padding:4px 12px 8px;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;gap:10px;padding:9.5px 12px;border-radius:var(--radius-sm);color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s var(--ease);position:relative;-webkit-user-select:none;user-select:none;border:1px solid transparent;letter-spacing:-.01em}.nav-item svg{width:15px;height:15px;stroke-width:1.8;flex-shrink:0;transition:color .2s var(--ease)}.nav-item:hover{background:var(--glass);color:var(--text);border-color:var(--border)}.nav-item.active{background:var(--accent);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 4px 18px -4px #3b82f68c}.nav-item.active svg{color:#fff;stroke-width:2}.nav-item .badge{margin-left:auto;font-size:9px;font-family:var(--font-mono);background:var(--glass-2);border:1px solid var(--border);padding:1px 6px;border-radius:20px;color:var(--faint)}.side-foot{display:flex;flex-direction:column;gap:9px;padding-top:16px;border-top:1px solid var(--border)}.socials{display:flex;gap:6px}.social{flex:1;display:grid;place-items:center;height:36px;border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--border);color:var(--muted);transition:all .2s var(--ease);cursor:pointer;text-decoration:none}.social svg{width:14px;height:14px}.social:hover{background:var(--glass-2);color:var(--text);border-color:var(--border-2);transform:translateY(-1px)}.btn-cv{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:700;font-size:13px;border:1px solid rgba(59,130,246,.5);cursor:pointer;font-family:var(--font-body);box-shadow:0 6px 20px -4px #3b82f66b;transition:all .22s var(--ease);letter-spacing:-.01em}.btn-cv svg{width:14px;height:14px}.btn-cv:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 12px 32px -6px #3b82f68c}.btn-cv:active{transform:translateY(0)}.main{margin-left:var(--sidebar-w);overflow-y:auto;overflow-x:hidden;position:relative;height:100vh}.main::-webkit-scrollbar{width:4px}.main::-webkit-scrollbar-thumb{background:var(--glass-2);border-radius:10px}.main::-webkit-scrollbar-thumb:hover{background:var(--glass-3)}.main::-webkit-scrollbar-track{background:transparent}.topbar{display:none;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:var(--z-topbar);background:var(--bg-2);border-bottom:1px solid var(--border-2)}.hamburger{width:38px;height:38px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--accent);border:none;color:#fff;cursor:pointer;transition:all .18s var(--ease)}.hamburger svg{width:18px;height:18px}.hamburger:hover{background:#2563eb}.scrim{display:none}.page{display:none;padding:64px 70px 100px;max-width:1200px}.page.active{display:block}@media (prefers-reduced-motion: no-preference){.page.active{animation:page-in .48s var(--ease) both}}.page-head{margin-bottom:56px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px;padding:5px 13px;border-radius:20px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-fg)}.eyebrow svg{width:11px;height:11px}.page-title{font-family:var(--font-head);font-size:56px;font-weight:800;letter-spacing:-.042em;line-height:1.02;color:var(--text)}.page-desc{color:var(--muted);font-size:16px;margin-top:16px;max-width:540px;line-height:1.76;font-weight:400}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;cursor:pointer;border:1px solid transparent;font-family:var(--font-body);transition:all .22s var(--ease);text-decoration:none;position:relative;overflow:hidden;letter-spacing:-.01em}.btn svg{width:16px;height:16px;position:relative;flex-shrink:0}.btn-primary{background:var(--accent);color:#fff;border-color:#3b82f680;box-shadow:0 1px #ffffff1a inset,0 6px 20px -4px #3b82f66b}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 1px #ffffff1f inset,0 12px 32px -6px #3b82f68c}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--glass);color:var(--text);border-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--glass-2);border-color:var(--border-2);transform:translateY(-2px);box-shadow:0 8px 24px -6px #0000006b}.btn-ghost:active{transform:translateY(0)}.card{position:relative;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);transition:border-color .28s var(--ease),background .28s var(--ease),transform .28s var(--ease),box-shadow .28s var(--ease)}.card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--radius) + 1px);padding:1px;background:var(--grad-border);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.card:hover{border-color:transparent;background:var(--glass-hover);transform:translateY(-3px);box-shadow:var(--shadow-card-up)}.card:hover:after{opacity:.9}.chip{font-family:var(--font-mono);font-size:10.5px;padding:3px 9px;border-radius:6px;background:var(--glass-2);border:1px solid var(--border);color:var(--muted);letter-spacing:.02em;white-space:nowrap}.ph{position:relative;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#ffffff05 0,#ffffff05 10px,#ffffff01 10px,#ffffff01 20px),var(--grad-soft);color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;text-align:center;padding:16px;min-height:100%}.ph span{border:1px dashed var(--border-2);padding:5px 11px;border-radius:8px;background:#0800188c}.section-label{font-family:var(--font-head);font-size:17px;font-weight:700;letter-spacing:-.022em;display:flex;align-items:center;gap:9px;margin-bottom:22px}.section-label svg{width:17px;height:17px;color:var(--accent-fg);flex-shrink:0}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 25%,var(--border) 75%,transparent);margin:36px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(296px,1fr));gap:20px}.hero{padding:72px 70px 96px}.hero-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:center;min-height:72vh}.hero-status{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;color:var(--muted);margin-bottom:28px;padding:7px 15px 7px 11px;border-radius:20px;background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-status .dot-wrap{position:relative;width:8px;height:8px;flex-shrink:0}.hero-status .dot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#4ade80}.hero-status .dot-ping{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#4ade80;animation:status-ping 2s ease-out infinite}.hero h1{font-family:var(--font-head);font-weight:800;font-size:90px;line-height:1;letter-spacing:-.044em;color:var(--text)}.hero h1 .grad{color:var(--text)}.hero-tag{font-size:17px;color:var(--muted);margin-top:22px;max-width:480px;line-height:1.76;font-weight:400}.hero-cta{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.hero-stats{display:flex;margin-top:56px;padding-top:28px;border-top:1px solid var(--border)}.stat{padding-right:32px;margin-right:32px;border-right:1px solid var(--border)}.stat:last-child{border-right:none;padding-right:0;margin-right:0}.stat .num{font-family:var(--font-head);font-size:30px;font-weight:800;letter-spacing:-.032em;color:var(--text);line-height:1}.stat .lbl{font-size:10.5px;color:var(--faint);margin-top:6px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.hero-visual{position:relative}.hero-photo{aspect-ratio:4/5;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-2);box-shadow:var(--shadow),var(--shadow-glow);position:relative;background:var(--bg-3)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(8,0,24,.56) 100%);pointer-events:none}.hero-photo:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:calc(var(--radius-xl) + 2px);background:var(--grad);opacity:.35;z-index:-1;filter:blur(1px)}.hero-float{position:absolute;padding:12px 16px;border-radius:14px;background:#080018c7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-2);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;white-space:nowrap;letter-spacing:-.01em}.hero-float svg{width:15px;height:15px;color:var(--accent-fg);flex-shrink:0}.hero-float.f1{top:24px;left:-44px;animation:floaty 5.5s ease-in-out infinite}.hero-float.f2{bottom:42px;right:-42px;animation:floaty 5.5s ease-in-out infinite 1.8s}.cv-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:42px;align-items:start}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--accent-fg) 0%,rgba(217,70,239,.4) 60%,transparent 100%)}.tl-item{position:relative;padding-bottom:32px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-24px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 3px #8b5cf62e,0 0 14px #8b5cf699}.tl-date{font-family:var(--font-mono);font-size:10.5px;color:var(--accent-fg);letter-spacing:.05em;margin-bottom:6px;background:var(--accent-soft);display:inline-block;padding:2px 9px;border-radius:20px;border:1px solid var(--accent-border)}.tl-role{font-weight:700;font-size:15.5px;letter-spacing:-.018em;color:var(--text);margin-bottom:3px}.tl-org{font-size:12.5px;color:var(--accent-fg);font-weight:600;margin-bottom:8px}.tl-desc{font-size:13.5px;color:var(--muted);line-height:1.7}.info-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13.5px}.info-row:last-child{border-bottom:none}.info-row .k{color:var(--faint);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.info-row .v{color:var(--text);font-weight:500;text-align:right}.lang-bar{height:4px;border-radius:4px;background:var(--glass-3);margin-top:8px;overflow:hidden}.lang-bar>i{display:block;height:100%;border-radius:4px;background:var(--grad);transition:width .8s var(--ease)}.projects-loading{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;padding:56px 0}.projects-loading i[data-lucide]{width:18px;height:18px;animation:spin 1s linear infinite}.projects-error{color:var(--muted);font-size:14px;padding:40px 0}.tabs{display:flex;gap:6px;margin-bottom:28px;padding:5px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);width:fit-content}.tab{display:flex;align-items:center;gap:7px;padding:7px 15px;border-radius:8px;background:none;border:1px solid transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .18s var(--ease);letter-spacing:-.01em}.tab .badge{font-size:10px;font-family:var(--font-mono);background:var(--glass-2);border:1px solid var(--border);padding:0 6px;border-radius:20px;line-height:1.6;color:var(--faint);transition:all .18s var(--ease)}.tab:hover{color:var(--text)}.tab.active{background:var(--accent);border-color:#3b82f680;color:#fff;font-weight:600;box-shadow:0 4px 16px -4px #3b82f673}.tab.active .badge{background:#ffffff2e;color:#fffc;border-color:transparent}.proj-card{padding:0;overflow:hidden;cursor:pointer}.proj-card .thumb{position:relative;height:168px;overflow:hidden;background:var(--bg-3);border-bottom:1px solid var(--border)}.proj-card .thumb img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease)}.proj-card:hover .thumb img{transform:scale(1.04)}.proj-card .body{padding:18px 20px 20px}.proj-card .body h3{font-size:15px;font-weight:700;letter-spacing:-.018em;margin-bottom:7px;display:flex;align-items:center;gap:6px}.proj-card .body h3 i[data-lucide]{width:13px;height:13px;color:var(--faint);flex-shrink:0;margin-left:auto;transition:all .2s var(--ease-back)}.proj-card .body p{font-size:13px;color:var(--muted);line-height:1.68;margin-bottom:14px}.proj-card:hover .body h3 i[data-lucide]{color:var(--accent-fg);transform:translate(3px,-3px)}.tech-row{display:flex;gap:6px;flex-wrap:wrap}.proj-banner{height:168px;display:grid;place-items:center;background:var(--grad-soft);position:relative;border-bottom:1px solid var(--border);overflow:hidden}.proj-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#ffffff06 0,#ffffff06 8px,#ffffff02 8px,#ffffff02 16px)}.proj-banner .tag-type{position:absolute;top:10px;right:10px;z-index:2}.proj-banner-initials{font-family:var(--font-head);font-size:48px;font-weight:800;letter-spacing:-.04em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;-webkit-user-select:none;user-select:none}.tag-type{position:absolute;top:10px;right:10px;font-size:9.5px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:20px;background:#080018d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-2);color:var(--accent-fg);z-index:1}.skill-cat{margin-bottom:8px}.skill-cat h4{font-size:15px;font-weight:700;margin-bottom:22px;display:flex;align-items:center;gap:8px;letter-spacing:-.018em;padding-bottom:16px;border-bottom:1px solid var(--border)}.skill-cat h4 i[data-lucide]{width:15px;height:15px;color:var(--accent-fg);flex-shrink:0}.skill{margin-bottom:18px}.skill:last-child{margin-bottom:0}.skill .top{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;margin-bottom:8px;color:var(--text)}.skill .lv{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);letter-spacing:.04em}.skill .track{height:5px;border-radius:5px;background:var(--glass-3);overflow:hidden}.skill .track>i{display:block;height:100%;width:0;border-radius:5px;background:var(--grad);transition:width .9s var(--ease);position:relative}.skill .track>i:after{content:"";position:absolute;right:0;top:-1px;bottom:-1px;width:8px;background:#ffffff73;border-radius:50%;filter:blur(3px)}.tools-cloud{display:flex;flex-wrap:wrap;gap:10px}.tool{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--glass-2);border:1px solid var(--border);font-size:13px;color:var(--text);font-weight:500;transition:all .18s var(--ease);cursor:default;letter-spacing:-.01em}.tool:hover{background:var(--glass-3);border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tool .ic{font-family:var(--font-mono);font-size:9.5px;color:var(--accent-fg);background:var(--accent-soft);border:1px solid var(--accent-border);padding:2px 6px;border-radius:6px;letter-spacing:.02em;font-weight:700}.passion-card{display:flex;flex-direction:column;gap:14px}.passion-head{display:flex;align-items:center;gap:12px}.passion-ic{width:42px;height:42px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--accent-border);flex-shrink:0}.passion-ic i[data-lucide],.passion-ic svg{width:19px;height:19px;color:var(--accent-fg)}.passion-card h3{font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:-.02em}.passion-card .sub{font-size:10.5px;color:var(--faint);font-family:var(--font-mono);margin-top:2px}.passion-card p{font-size:13.5px;color:var(--muted);line-height:1.65}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.d20-btn{width:42px;height:42px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--accent-border);cursor:pointer;transition:all .18s var(--ease);position:relative;overflow:hidden}.d20-btn .d20-face{font-family:var(--font-head);font-size:13px;font-weight:800;color:var(--accent-fg);letter-spacing:-.02em}.d20-btn:hover{background:var(--glass-3);border-color:var(--accent-border)}.d20-btn.rolling .d20-face{animation:spin .4s linear infinite}.d20-btn.crit{background:#4ade801f;border-color:#4ade804d}.d20-btn.crit .d20-face{color:#4ade80}.d20-btn.fail{background:#f871711f;border-color:#f871714d}.d20-btn.fail .d20-face{color:#f87171}.dice-result{font-size:13px;color:var(--muted);padding:10px 14px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border);line-height:1.5;font-family:var(--font-mono)}.dice-result.crit{color:#4ade80;border-color:#4ade8047;background:#4ade8014}.dice-result.fail{color:#f87171;border-color:#f8717147;background:#f8717114}.mandatory-card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;position:relative;overflow:hidden;margin-bottom:22px}.mandatory-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 120% at 100% 0%,rgba(225,29,46,.1),transparent 60%)}.mdr-logo{position:relative;z-index:1}.mdr-logo-img{width:108px;height:108px;object-fit:contain;display:block}.mdr-body{position:relative;z-index:1}.mdr-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.mdr-top h3{font-family:var(--font-head);font-size:21px;font-weight:800;letter-spacing:-.022em}.mdr-hammer{font-size:18px}.mdr-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#ff5b67;padding:3px 9px;border-radius:3px;background:#e11d2e1a;border:1px solid rgba(225,29,46,.28)}.mdr-body p{font-size:14px;color:var(--muted);line-height:1.68;max-width:640px}.mdr-body p .hl{color:var(--text);font-weight:600}.mdr-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.mdr-meta-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border);font-size:13px}.mdr-meta-item svg{width:14px;height:14px;color:#ff5b67;flex-shrink:0}.mdr-meta-item span{display:flex;flex-direction:column;line-height:1.3}.mdr-meta-item .mk{font-size:9.5px;color:var(--faint);font-family:var(--font-mono)}.mdr-links{display:flex;flex-wrap:wrap;gap:8px}.mdr-link{display:inline-flex}.riddle-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border);color:var(--muted);font-size:13px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .18s var(--ease)}.riddle-btn svg{width:14px;height:14px}.riddle-btn.revealed{color:#ff5b67;border-color:#e11d2e47;background:#e11d2e14}.riddle-btn:hover:not(.revealed){background:#ffffff0f;color:var(--text)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:136px;gap:10px}.gallery .g{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);transition:border-color .2s var(--ease);cursor:pointer}.gallery .g:hover{border-color:var(--border-2)}.gallery .g.tall{grid-row:span 2}.gallery .g.wide{grid-column:span 2}.contact-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:36px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:10px}.contact-line{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);text-decoration:none;color:var(--text);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .22s var(--ease);cursor:pointer;position:relative;overflow:hidden}.contact-line:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--radius) + 1px);padding:1px;background:var(--grad-border);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity .22s var(--ease)}.contact-line .ic{width:42px;height:42px;border-radius:10px;background:var(--grad-soft);border:1px solid var(--accent-border);display:grid;place-items:center;flex-shrink:0;transition:box-shadow .22s var(--ease)}.contact-line .ic i[data-lucide]{width:17px;height:17px;color:var(--accent-fg)}.contact-line .k{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:3px}.contact-line .v{font-size:14px;font-weight:600;letter-spacing:-.01em}.contact-line:hover{border-color:transparent;background:var(--glass-2);transform:translate(4px);box-shadow:var(--shadow-card-up)}.contact-line:hover:after{opacity:.85}.contact-line:hover .ic{box-shadow:var(--shadow-accent)}.form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em;font-family:var(--font-mono);text-transform:uppercase}.field input,.field textarea{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 15px;color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;transition:all .18s var(--ease);resize:none;width:100%}.field input::placeholder,.field textarea::placeholder{color:var(--faint)}.field input:focus,.field textarea:focus{border-color:var(--accent-border);background:var(--glass-2);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{min-height:112px;line-height:1.68}.form-msg{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#4ade80;padding:0 14px;border-radius:var(--radius-sm);background:#4ade8017;border:1px solid rgba(74,222,128,.22);opacity:0;max-height:0;overflow:hidden;transition:opacity .3s var(--ease),max-height .3s var(--ease),padding .3s}.form-msg.show{opacity:1;max-height:80px;padding:10px 14px}.form-msg i[data-lucide]{width:15px;height:15px;flex-shrink:0}.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.set-card{display:flex;flex-direction:column;gap:18px}.set-head{display:flex;align-items:flex-start;gap:13px}.set-head h3{font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:-.02em}.set-head p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.set-ic{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--accent-border);flex-shrink:0}.set-ic svg{width:18px;height:18px;color:var(--accent-fg)}.segmented{display:flex;gap:3px;padding:3px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border)}.seg{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:5px;border:none;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s var(--ease);letter-spacing:-.01em}.seg svg{width:14px;height:14px}.seg:hover{color:var(--text);background:#ffffff0d}.seg.active{background:var(--accent);color:#fff;box-shadow:0 4px 16px -4px #3b82f673}.swatches{display:flex;flex-wrap:wrap;gap:7px}.swatch{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease);letter-spacing:-.01em}.swatch span{width:16px;height:16px;border-radius:4px;background:var(--sw);box-shadow:0 2px 6px -2px var(--sw);flex-shrink:0}.swatch:hover{border-color:var(--border-2);background:#ffffff0f}.swatch.active{border-color:var(--sw);box-shadow:0 0 0 2px var(--sw)}.toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle .track{width:42px;height:24px;border-radius:20px;background:#ffffff14;border:1px solid var(--border);position:relative;transition:all .22s var(--ease);flex-shrink:0}.toggle .thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all .22s var(--ease-back);box-shadow:0 1px 4px #0006}.toggle input:checked+.track{background:var(--accent);border-color:transparent}.toggle input:checked+.track .thumb{left:21px}.toggle-lbl{font-size:13.5px;color:var(--text);font-weight:500}.preview-row{display:flex;align-items:center;gap:12px;padding:4px 0}.grad-dot{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--grad);box-shadow:0 4px 12px -4px var(--accent-glow)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060609c2;z-index:var(--z-topbar);opacity:0;pointer-events:none;transition:opacity .28s var(--ease);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:92vw;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);z-index:var(--z-drawer);transform:translate(100%);transition:transform .34s var(--ease);overflow:hidden}.drawer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad);opacity:.75}.drawer.open{transform:none;box-shadow:-32px 0 80px -16px #000000ad}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-cat-badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-fg);padding:4px 10px;border-radius:4px;background:var(--accent-soft);border:1px solid var(--accent-border)}.drawer-close{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .16s var(--ease)}.drawer-close svg{width:16px;height:16px}.drawer-close:hover{background:#ffffff12;color:var(--text);border-color:var(--border-2)}.drawer-body{flex:1;overflow-y:auto;padding:26px 22px 40px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.drawer-carousel{position:relative;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--bg-3)}.carousel-track{display:flex;height:100%;transition:transform .32s var(--ease)}.carousel-slide{flex:0 0 100%;height:100%}.carousel-slide img{width:100%;height:100%;object-fit:contain;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#00000094;border:1px solid rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .18s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.carousel-btn svg{width:16px;height:16px}.carousel-btn:hover{background:#000000d6}.carousel-btn.carousel-prev{left:10px}.carousel-btn.carousel-next{right:10px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:2}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff52;border:none;cursor:pointer;transition:background .18s,transform .18s}.carousel-dot.active{background:#fff;transform:scale(1.28)}.carousel-counter{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:10.5px;color:#ffffffad;background:#0000007a;padding:2px 7px;border-radius:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.drawer-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.drawer-year{font-family:var(--font-mono);font-size:11.5px;color:var(--faint);padding:3px 9px;border-radius:3px;background:#ffffff0a;border:1px solid var(--border)}.drawer-title{font-family:var(--font-head);font-size:24px;font-weight:700;letter-spacing:-.026em;line-height:1.12}.drawer-techs{display:flex;flex-wrap:wrap;gap:6px}.drawer-desc{font-size:14px;color:var(--muted);line-height:1.74}.drawer-section-label{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:12px}.drawer-highlights{display:flex;flex-direction:column;gap:10px}.drawer-highlight{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--muted);line-height:1.55}.drawer-highlight svg{width:15px;height:15px;color:var(--accent-fg);flex-shrink:0;margin-top:2px}.drawer-link-btn{padding:8px 15px;font-size:13px}.drawer-link-btn svg{width:14px;height:14px}@media (max-width: 600px){.drawer{width:100%;max-width:100%}}@media (max-width: 1100px){.page,.hero{padding:56px 52px 88px}.hero h1{font-size:72px}.page-title{font-size:44px}}@media (max-width: 980px){.hero-inner,.cv-layout,.contact-layout,.grid-2,.grid-3,.set-grid{grid-template-columns:1fr}.hero h1{font-size:58px}.page-title{font-size:38px}.gallery{grid-template-columns:repeat(2,1fr)}.hero-visual{display:none}.proj-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){body{overflow:auto}.app{height:auto}.main{margin-left:0;height:auto}.topbar{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100%;z-index:var(--z-sidebar);box-shadow:var(--shadow);transform:translate(-280px);visibility:hidden;transition:transform .28s var(--ease),visibility 0s linear .28s}.sidebar.open{transform:translate(0);visibility:visible;transition:transform .28s var(--ease),visibility 0s linear 0s}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000514b8;z-index:var(--z-scrim);display:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.scrim.show{display:block}.main{height:auto;overflow:visible}.page,.hero{padding:28px 18px 80px}.hero h1{font-size:40px}.page-title{font-size:30px}.hero-stats{gap:0;flex-wrap:wrap}.stat{padding-right:20px;margin-right:20px}.stat .num{font-size:24px}.hero-float{display:none}.proj-grid{grid-template-columns:1fr}.proj-tabs{overflow-x:auto;scrollbar-width:none}.proj-tabs::-webkit-scrollbar{display:none}.mandatory-card{grid-template-columns:1fr;justify-items:center;text-align:center}.mdr-top,.mdr-meta,.mdr-links{justify-content:center}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:100px}.contact-layout{gap:16px}.swatches{flex-wrap:wrap}}@media (max-width: 430px){.hero h1{font-size:34px}.hero-stats{flex-direction:column;gap:14px}.stat{border-right:none!important;margin-right:0!important;padding-right:0!important;border-bottom:1px solid var(--border);padding-bottom:14px}.stat:last-child{border-bottom:none}.gallery{grid-template-columns:1fr 1fr}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.sr{opacity:1!important;transform:none!important;transition:none!important}.dot-ping,.hero-float{animation:none!important}.bg-glows:before,.bg-glows:after{animation:none!important}}.hammer-toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%) translateY(18px);background:#e11d2e;color:#fff;font-family:var(--font-head);font-weight:700;font-size:16px;letter-spacing:.01em;padding:14px 32px;border-radius:40px;z-index:9998;opacity:0;transition:all .35s var(--ease);white-space:nowrap;pointer-events:none;box-shadow:0 20px 40px -10px #e11d2e8c,0 0 0 1px #ffffff24 inset}.hammer-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.snow-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.snowflake{position:absolute;top:-28px;color:#c8e8f8;animation:snowfall linear forwards;-webkit-user-select:none;user-select:none}@keyframes snowfall{0%{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(33vh) translate(12px) rotate(120deg)}66%{transform:translateY(66vh) translate(-8px) rotate(250deg)}to{transform:translateY(108vh) translate(4px) rotate(360deg)}}.mdr-egg-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:0;max-height:0;overflow:hidden;border-radius:12px;background:#e11d2e1f;border:0px solid rgba(225,29,46,.4);color:#ff5b67;font-family:var(--font-head);font-weight:700;font-size:15px;opacity:0;margin-top:0;transition:max-height .4s var(--ease),opacity .4s var(--ease),padding .4s var(--ease),margin-top .4s var(--ease),border-width .4s var(--ease)}.mdr-egg-banner.show{max-height:60px;opacity:1;padding:12px 16px;margin-top:14px;border-width:1px}