:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050910;--panel:#0b1018;--panel-strong:#111824;--text:#eef2f7;--muted:#9aa4b2;--line:#253040;--accent:#a35cff;--accent-strong:#b984ff;--danger:#ff8b8b;--ok:#8cffbf;--star:#ffbf18}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 50% 18%, #a35cff1a, transparent 32rem), var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(1120px,100% - 32px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:28px 0;display:flex}.brand{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:14px}.nav{color:var(--muted);gap:16px;font-size:14px;display:flex}.nav a:hover,.project-title:hover{color:var(--accent)}.profile-hero{background:radial-gradient(circle at 50% -8%,#b481ff2b,#0000 26rem),radial-gradient(circle at 12% 18%,#5b80ff1f,#0000 22rem),linear-gradient(135deg,#070a10 0%,#030710 100%);min-height:100dvh;position:relative;overflow:hidden}.profile-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:76px 76px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.landing-shell{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.landing-topbar{padding:24px 0}.profile-stage{flex:1;align-content:center;place-items:center;gap:18px;padding:16px 0 56px;display:grid}.profile-card{background:linear-gradient(145deg, #0a0f17f0, #050910c7), var(--panel);text-align:center;border:1px solid #8f9eb53d;border-radius:34px;width:min(520px,100%);padding:54px 52px 48px;position:relative;box-shadow:0 34px 80px #00000070,inset 0 1px #ffffff0a}.profile-card:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff0a,#0000 42%);border-radius:33px;position:absolute;inset:1px}.profile-star{z-index:1;color:var(--star);text-shadow:0 0 18px #ffbf183d;font-size:32px;line-height:1;position:absolute;top:30px;right:32px}.profile-avatar{color:#fff;background-color:#0000;background-image:radial-gradient(circle at 50% 24%,#ffffffb8,#0000 18%),radial-gradient(circle at 48% 42%,#cdb2fff2,#0000 56%),linear-gradient(145deg,#7d49ee,#442173);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:50%;place-items:center;width:190px;height:190px;margin:0 auto 34px;font-size:54px;font-weight:900;line-height:1;display:grid;overflow:hidden;box-shadow:0 24px 52px #00000057,inset 0 0 0 1px #ffffff38}.profile-avatar span{transform:translateY(-2px)}.profile-card h1{margin:0;font-size:52px;line-height:1.06}.profile-role{color:var(--accent-strong);margin:12px 0 22px;font-size:25px;font-weight:800}.profile-location{color:#d7dce5;justify-content:center;align-items:center;gap:11px;margin:0 0 26px;font-size:19px;display:flex}.location-mark{border:3px solid var(--accent-strong);border-radius:50% 50% 50% 0;width:16px;height:16px;display:inline-block;position:relative;transform:rotate(-45deg)}.location-mark:after{content:"";background:var(--accent-strong);border-radius:50%;position:absolute;inset:3px}.profile-bio{color:#c6cdd8;max-width:420px;margin:0 auto;font-size:20px;line-height:1.56}.profile-divider{background:linear-gradient(90deg,#0000,#a0abbd3d,#0000);height:1px;margin:30px 0}.profile-socials{justify-content:center;gap:18px;display:flex}.profile-social{width:72px;height:72px;color:var(--accent-strong);background:#080d15b8;border:1px solid #8f9eb533;border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffffff08}.profile-social:hover{color:#fff;border-color:#b984ffa8}.scroll-cue{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.section{padding:72px 0 80px}.portfolio-section{scroll-margin-top:24px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section h2{margin:0;font-size:48px;line-height:1.05}.section-heading p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:8px 0 0;font-size:14px;font-weight:700}.filters{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:0;display:flex}.filter{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px}.filter[data-active=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.featured-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.featured-strip a{border:1px solid var(--line);background:linear-gradient(145deg,#111824eb,#090d15ad);border-radius:8px;flex-direction:column;gap:7px;min-height:92px;padding:14px;display:flex}.featured-strip a:hover{border-color:#b984ff99}.featured-strip span:first-child{color:var(--text);font-weight:800}.featured-strip span:last-child{color:var(--muted);font-size:13px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.project-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-height:270px;display:grid;overflow:hidden}.project-media{min-height:110px;color:var(--accent-strong);background:radial-gradient(circle at 25% 30%,#8bd3ff47,#0000 26%),linear-gradient(135deg,#151b25,#090c12);place-items:center;font-size:42px;font-weight:700;display:grid}.project-body{padding:16px}.project-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.pill{border:1px solid var(--line);border-radius:999px;padding:3px 8px}.project-title{margin:0 0 8px;font-size:21px;font-weight:700;display:inline-block}.project-summary{color:var(--muted);margin:0;line-height:1.5}.detail{padding:42px 0 80px}.detail h1{letter-spacing:0;margin:10px 0;font-size:clamp(42px,7vw,76px)}.detail p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}.link-row,.tech-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.link-button,.button{border:1px solid var(--line);background:var(--accent);color:#061018;cursor:pointer;border-radius:8px;padding:10px 14px;font-weight:700}.button.secondary,.link-button.secondary{color:var(--text);background:0 0}.button.danger{color:var(--danger);background:0 0}.admin-wrap{width:min(1040px,100% - 32px);margin:0 auto;padding:36px 0 72px}.admin-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.admin-header h1,.login-card h1{margin:0;font-size:34px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card,.admin-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:13px}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0b0f16;border-radius:8px;padding:10px 12px}.field textarea{resize:vertical;min-height:96px}.admin-table{border-collapse:collapse;width:100%;margin-top:18px}.admin-table th,.admin-table td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;padding:11px 8px}.admin-table th{color:var(--muted);font-size:13px;font-weight:500}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.status-ok{color:var(--ok)}.status-muted,.error{color:var(--muted)}.error{color:var(--danger)}@media (max-width:820px){.profile-stage{padding-top:10px}.profile-card{border-radius:28px;padding:44px 24px 34px}.profile-card:after{border-radius:27px}.profile-avatar{width:150px;height:150px;margin-bottom:28px;font-size:42px}.profile-card h1{font-size:40px}.profile-role{font-size:21px}.profile-bio{font-size:17px}.profile-social{width:60px;height:60px}.section-heading{flex-direction:column;align-items:flex-start}.section h2{font-size:38px}.featured-strip,.project-grid,.form-grid{grid-template-columns:1fr}.topbar,.admin-header{flex-direction:column;align-items:flex-start}.admin-table{display:block;overflow-x:auto}}