*{box-sizing:border-box}:root{--bg:#03070d;--panel:#0f131be0;--panel-soft:#141922d1;--card:#171c25eb;--card-strong:#1e2430f5;--text:#f7f7fb;--muted:#a7adba;--border:#ffffff14;--accent:#7367ff;--shadow:#0000006b}body.light{--bg:#f4f4f2;--panel:#ffffffdb;--panel-soft:#ffffffb8;--card:#ffffffe6;--card-strong:#fffffff5;--text:#0b0b0b;--muted:#616161;--border:#0f0f0f14;--shadow:#00000014}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0%, #7367ff2e, transparent 32%), linear-gradient(180deg, #02050a 0%, var(--bg) 100%);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .35s,color .35s}body.light{background:radial-gradient(circle at 20% 0,#fffffff2,#0000 34%),linear-gradient(#f7f7f6 0%,#eeeeec 100%)}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{background:radial-gradient(circle at 50% -10%,#7367ff21,#0000 36%),linear-gradient(#02050a,#050911);min-height:100vh;padding:42px}body.light .page{background:#f4f4f2}.shell{border:1px solid var(--border);background:radial-gradient(circle at 85% 8%,#ffffff0e,#0000 28%),linear-gradient(135deg,#10151ef5,#0a0e16f5);border-radius:22px;width:100%;min-height:calc(100vh - 84px);overflow:hidden;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0f}body.light .shell{background:radial-gradient(circle at 85% 8%,#ffffffe6,#0000 28%),linear-gradient(135deg,#ffffffc7,#eeeeece6);box-shadow:0 22px 70px #0000001a,inset 0 1px #fffc}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:95px;padding:0 clamp(28px,5vw,76px);display:flex}.brand{letter-spacing:.36em;font-size:12px;font-weight:900;line-height:1}.brand span{background:var(--accent);border-radius:999px;width:5px;height:5px;margin-left:9px;display:inline-block;box-shadow:0 0 18px #7367ffe6}.nav-right{align-items:center;gap:28px;display:flex}.nav-visuals{align-items:center;gap:54px;margin-right:18px;display:flex}.nav-visuals span{background:#ffffff12;border-radius:999px;width:clamp(80px,8vw,120px);height:8px;display:block}body.light .nav-visuals span{background:#00000012}.github-button,.theme-button{width:42px;height:42px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#ffffff0b;border-radius:999px;place-items:center;transition:transform .25s,background .25s,border-color .25s;display:grid}.github-button svg,.theme-button svg{width:19px;height:19px}.github-button:hover,.theme-button:hover{background:#7367ff24;border-color:#7367ff61;transform:translateY(-2px)}.projects-section{padding:42px clamp(28px,5vw,76px) 34px}.section-header{justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px;display:flex}.section-header h1{letter-spacing:-.06em;margin:0;font-size:clamp(22px,2vw,27px);font-weight:900;line-height:1}.section-header h1 span{background:var(--accent);vertical-align:middle;border-radius:999px;width:5px;height:5px;margin-left:12px;display:inline-block}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2vw,28px);display:grid}.project-card{background:var(--card);border:1px solid var(--border);box-shadow:0 22px 55px var(--shadow), inset 0 1px 0 #ffffff0f;border-radius:16px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.project-card:hover{border-color:#7367ff5c;transform:translateY(-6px);box-shadow:0 28px 75px #0000008c,inset 0 1px #ffffff17}body.light .project-card:hover{box-shadow:0 26px 65px #0000001f,inset 0 1px #ffffffe6}.project-image{background:#ffffff0d;height:clamp(150px,13vw,190px);position:relative;overflow:hidden}.project-image:after{content:"";pointer-events:none;background:linear-gradient(#00000014,#00000075),radial-gradient(circle at 20% 0,#ffffff1f,#0000 38%);position:absolute;inset:0}body.light .project-image:after{background:linear-gradient(#ffffff14,#00000014),radial-gradient(circle at 20% 0,#ffffff42,#0000 38%)}.project-image img{object-fit:cover;filter:saturate(.82)contrast(1.04)brightness(.72);width:100%;height:100%;transition:transform .65s,filter .65s}body.light .project-image img{filter:saturate(.9)contrast(1.02)brightness()}.project-card:hover .project-image img{filter:saturate()contrast(1.07)brightness(.86);transform:scale(1.045)}body.light .project-card:hover .project-image img{filter:saturate()contrast(1.04)brightness()}.status{z-index:2;-webkit-backdrop-filter:blur(18px);color:#fff;letter-spacing:-.02em;background:#05070cb8;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:850;position:absolute;top:14px;right:14px;box-shadow:0 8px 24px #00000038}body.light .status{color:#111;background:#ffffffe6}.project-icon{z-index:3;background:var(--card-strong);width:48px;height:48px;color:var(--text);border-radius:14px;place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;bottom:-22px;left:16px;box-shadow:0 16px 36px #00000047,inset 0 1px #ffffff14}.project-info{justify-content:space-between;align-items:flex-start;gap:16px;min-height:112px;padding:34px 18px 18px;display:flex}.project-info h2{letter-spacing:-.06em;margin:0 0 8px;font-size:18px;font-weight:900}.project-info p{color:var(--muted);letter-spacing:-.01em;margin:0;font-size:13px;line-height:1.45}.project-info svg{opacity:.86;flex-shrink:0;margin-top:6px;transition:transform .25s,opacity .25s}.project-card:hover .project-info svg{opacity:1;transform:translate(4px)}.stack-bar{background:var(--panel-soft);border:1px solid var(--border);min-height:66px;box-shadow:inset 0 1px 0 #ffffff0d, 0 18px 45px var(--shadow);-webkit-backdrop-filter:blur(18px);border-radius:16px;align-items:center;gap:34px;margin:0 clamp(28px,5vw,76px) 42px;padding:0 26px;display:flex}.stack-label{color:var(--muted);text-transform:uppercase;letter-spacing:.24em;flex-shrink:0;font-size:10px;font-weight:800}.stack-items{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.stack-item{color:var(--text);letter-spacing:-.015em;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.stack-item svg{width:14px;height:14px;color:var(--muted);opacity:.9}@media (width<=1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-visuals span:first-child{display:none}}@media (width<=720px){.page{padding:0}.shell{border-radius:0;min-height:100vh}.navbar{height:76px;padding:0 20px}.nav-visuals{display:none}.nav-right{gap:12px}.github-button,.theme-button{width:38px;height:38px}.projects-section{padding:30px 20px 28px}.section-header{flex-direction:column;align-items:flex-start;margin-bottom:22px}.projects-grid{grid-template-columns:1fr}.project-image{height:190px}.stack-bar{flex-direction:column;align-items:flex-start;gap:18px;min-height:auto;margin:0 20px 30px;padding:22px}.stack-items{gap:14px 18px}}