@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_a9273372-module__R1Y8Sq__className{font-family:Inter,Inter Fallback;font-style:normal}
*,:before,:after{box-sizing:border-box}:root{--bg:#0a0f1e;--bg-card:#0f172a;--bg-elevated:#1e293b;--border:#1f2d45;--text:#e2e8f0;--text-muted:#94a3b8;--text-faint:#64748b;--accent:#6366f1;--accent-glow:#6366f126;--blue:#60a5fa;--green:#34d399;--nav-bg:#0a0f1ecc;--h1-gradient-start:#e2e8f0;--hero-overlay:#0a0f1ee6;--detail-back-bg:#0a0f1ebf;--detail-back-bg-hover:#ffffff26;--detail-back-color-hover:#fff;--detail-initial-color:#ffffff14;--modal-initial-color:#ffffff26}[data-theme=light]{--bg:#f8fafc;--bg-card:#fff;--bg-elevated:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-muted:#475569;--text-faint:#94a3b8;--accent:#4f52d9;--accent-glow:#6366f114;--blue:#2563eb;--green:#059669;--nav-bg:#f8fafcd9;--h1-gradient-start:#0f172a;--hero-overlay:#f8fafce0;--detail-back-bg:#ffffffd9;--detail-back-bg-hover:#0f172a1a;--detail-back-color-hover:var(--text);--detail-initial-color:#0000000f;--modal-initial-color:#00000014}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Arial,sans-serif;line-height:1.7}
nav{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--text);letter-spacing:-.5px;font-size:18px;font-weight:700;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.theme-toggle{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:16px;font-size:15px;transition:background .2s,color .2s,border-color .2s;display:flex}.theme-toggle:hover{background:var(--bg-card);color:var(--text);border-color:#6366f166}
.container{max-width:860px;margin:0 auto;padding:120px 24px 80px}.hero{padding:60px 0 80px}.hero-tag{background:var(--accent-glow);color:#a5b4fc;border:1px solid #6366f14d;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero-tag:before{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1{letter-spacing:-1.5px;background:linear-gradient(135deg, var(--h1-gradient-start) 30%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(40px,6vw,60px);font-weight:700;line-height:1.15}.hero-desc{color:var(--text-muted);max-width:520px;margin:0 0 36px;font-size:18px;line-height:1.75}.hero-links{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#5558e8;text-decoration:none;box-shadow:0 0 20px #6366f166}.btn-outline{color:var(--text-muted);border-color:var(--border);background:0 0}.btn-outline:hover{background:var(--bg-elevated);color:var(--text);border-color:#334155;text-decoration:none}section{border-top:1px solid var(--border);padding:60px 0}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:12px;font-weight:600}h2{letter-spacing:-.5px;color:var(--text);margin:0 0 24px;font-size:28px;font-weight:700}p{color:var(--text-muted);margin:0 0 16px;font-size:16px;line-height:1.8}.cards{gap:16px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px 28px;transition:border-color .25s,box-shadow .25s,transform .25s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(135deg, var(--accent-glow), transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 24px #0000001f}.card:hover:before{opacity:1}.card h3{color:var(--text);margin:0 0 10px;font-size:17px;font-weight:600}.card p{margin:0;font-size:15px}.chip-date{width:fit-content;color:var(--text);margin:0 0 10px;font-size:12px;display:block}.card-footer{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.chip{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.chip-accent{color:#a5b4fc;background:#6366f11f;border-color:#6366f140}.skills-grid{flex-wrap:wrap;gap:10px;display:flex}.skill-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.skill-badge:hover{color:var(--text);background:var(--bg-elevated);border-color:#6366f166}.skill-badge .icon{font-size:16px}.skills-category{margin-bottom:28px}.skills-category h3{letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);margin:0 0 12px;font-size:13px;font-weight:600}footer{text-align:center;border-top:1px solid var(--border);color:var(--text-faint);padding:40px 24px;font-size:13px}.icon-svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.card-clickable{text-align:left;cursor:pointer;width:100%;color:inherit;background:var(--bg-card);font-family:inherit}.card-clickable .card-inner{width:100%}.chip-outline{color:var(--text-faint);border:1px solid var(--border);background:0 0;transition:color .2s,border-color .2s}.card-clickable:hover .chip-outline{color:var(--accent);border-color:#6366f166}.chip-status{color:#fbbf24;vertical-align:middle;background:#fbbf241f;border:1px solid #fbbf2440;margin-left:10px;font-size:11px}.chip-hackathon{color:#fb923c;background:#fb923c26;border:1px solid #fb923c59;font-weight:600}
.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:20px;width:100%;max-width:640px;max-height:88vh;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-banner{cursor:pointer;border-radius:20px 20px 0 0;justify-content:center;align-items:center;height:180px;text-decoration:none;display:flex;position:relative;overflow:hidden}.modal-banner-img{object-fit:cover;width:100%;height:100%}.modal-banner-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.modal-banner-initial{letter-spacing:-2px;color:var(--modal-initial-color);-webkit-user-select:none;user-select:none;font-size:52px;font-weight:700}.modal-banner-overlay{opacity:0;background:#0000008c;border-radius:20px 20px 0 0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.modal-banner:hover .modal-banner-overlay{opacity:1}@media (hover:none){.modal-banner-overlay{opacity:1}}.modal-banner-cta{color:#fff;letter-spacing:.2px;background:#6366f1d9;border:1px solid #ffffff26;border-radius:10px;padding:10px 22px;font-size:15px;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:#00000080;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s,color .2s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text);background:#000000bf}.modal-body{padding:28px 32px 32px}.modal-header{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal-title{color:var(--text);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700;line-height:1.3}.modal-desc{color:var(--text-muted);margin:0 0 24px;font-size:15px;line-height:1.8}.modal-section{margin-bottom:20px}.modal-section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px;font-size:11px;font-weight:600}.modal-highlights{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.modal-highlights li{color:var(--text-muted);padding-left:16px;font-size:14px;line-height:1.6;position:relative}.modal-highlights li:before{content:"›";color:var(--accent);font-weight:700;position:absolute;left:0}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:20px;display:flex}@media (max-width:600px){.modal-body{padding:20px 20px 24px}.modal-banner{height:140px}}
.detail-hero{justify-content:center;align-items:center;height:320px;margin-top:64px;display:flex;position:relative;overflow:hidden}.detail-hero-img{object-fit:cover;width:100%;height:100%}.detail-hero-initial{letter-spacing:-4px;color:var(--detail-initial-color);-webkit-user-select:none;user-select:none;font-size:120px;font-weight:700;position:absolute}.detail-hero-overlay{background:linear-gradient(to top, var(--hero-overlay) 0%, transparent 60%);position:absolute;inset:0}.detail-hero-content{z-index:1;padding:32px 40px;position:absolute;bottom:0;left:0;right:0}.detail-back{z-index:50;color:var(--text-muted);background:var(--detail-back-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-flex;position:fixed;top:72px;left:20px}.detail-back:hover{background:var(--detail-back-bg-hover);color:var(--detail-back-color-hover)}.detail-hero-title{color:#fff;letter-spacing:-.5px;-webkit-text-fill-color:#fff;background:0 0;margin:0 0 8px;font-size:clamp(22px,4vw,36px);font-weight:700;line-height:1.2}.detail-hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-date{color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;padding:3px 10px;font-size:13px;font-weight:500}.detail-container{max-width:860px;margin:0 auto;padding:0 40px 100px}.detail-section{border-top:1px solid var(--border);padding:40px 0}.detail-section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:13px;font-weight:600}.detail-text{color:var(--text-muted);max-width:680px;margin:0;font-size:16px;line-height:1.85}.detail-text-placeholder{color:var(--text-faint);font-style:italic}.detail-highlights{flex-direction:column;gap:10px;max-width:680px;margin:0;padding:0;list-style:none;display:flex}.detail-highlights li{color:var(--text-muted);padding-left:18px;font-size:15px;line-height:1.7;position:relative}.detail-highlights li:before{content:"›";color:var(--accent);font-weight:700;position:absolute;left:0}.detail-tags{flex-wrap:wrap;gap:8px;display:flex}.detail-links{flex-wrap:wrap;gap:10px;display:flex}.detail-video-wrapper{aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;position:relative;overflow:hidden}.detail-video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.detail-screenshots-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-screenshot-figure{flex-direction:column;gap:8px;margin:0;display:flex}.detail-screenshot-img{border:1px solid var(--border);border-radius:10px;width:100%;display:block}.detail-screenshot-caption{color:var(--text-faint);text-align:center;font-size:12px}@media (max-width:600px){.detail-screenshots-grid{grid-template-columns:1fr}}.detail-screenshot-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.detail-screenshot-hover{opacity:0;background:#00000080;border-radius:10px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.detail-screenshot-btn:hover .detail-screenshot-hover{opacity:1}@media (hover:none){.detail-screenshot-hover{display:none}}.detail-screenshot-hover span{color:#fff;background:#6366f1d9;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500}.lightbox-backdrop{z-index:300;background:#000000eb;justify-content:center;align-items:center;gap:16px;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;gap:14px;max-width:calc(100vw - 140px);max-height:calc(100vh - 80px);display:flex}.lightbox-img{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(100vh - 140px);display:block}.lightbox-caption{color:var(--text-muted);align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.lightbox-counter{color:var(--text-faint);font-size:12px}.lightbox-close{color:var(--text-muted);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s,color .2s;display:flex;position:fixed;top:16px;right:16px}.lightbox-close:hover{color:#fff;background:#fff3}.lightbox-nav{color:var(--text-muted);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;line-height:1;transition:background .2s,color .2s;display:flex}.lightbox-nav:hover{color:#fff;background:#ffffff26}.detail-btn-disabled{opacity:.45;cursor:default;pointer-events:none}.detail-screenshot-placeholder{border:2px dashed var(--border);min-height:220px;color:var(--text-faint);border-radius:14px;justify-content:center;align-items:center;font-size:14px;font-style:italic;display:flex}@media (max-width:600px){.detail-hero{height:220px}.detail-hero-content{padding:20px}.detail-container{padding:0 20px 80px}}