*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Josefin Sans", sans-serif;--font-body: "Karla", sans-serif;--text-xs: .72rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: clamp(3rem, 5vw, 5rem);--bg: oklch(97.2% .004 258);--bg-alt: oklch(92.5% .007 258);--bg-subtle: oklch(88% .01 258);--border: oklch(83% .009 258);--border-mid: oklch(72% .011 258);--text: oklch(17% .042 258);--text-muted: oklch(44% .024 258);--text-subtle: oklch(62% .014 258);--accent: oklch(72% .065 215);--accent-fg: oklch(55% .05 215);--accent-bg: oklch(96% .012 215);--hero-bg: oklch(12% .03 255);--hero-text: oklch(93% .005 258);--hero-muted: oklch(70% .018 235);color-scheme:light}[data-theme=dark]{--bg: oklch(13% .01 258);--bg-alt: oklch(18% .011 258);--bg-subtle: oklch(23% .013 258);--border: oklch(27% .012 258);--border-mid: oklch(38% .013 258);--text: oklch(93% .005 258);--text-muted: oklch(67% .008 258);--text-subtle: oklch(50% .008 258);--accent: oklch(76% .06 215);--accent-fg: oklch(76% .06 215);--accent-bg: oklch(16% .02 215);color-scheme:dark}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;font-size:var(--text-base);-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}.hero-section{height:100svh;min-height:600px;display:grid;grid-template-columns:55% 2px 1fr;overflow:hidden;position:relative}.hero-left{background-color:var(--hero-bg);background-image:radial-gradient(ellipse at 20% 80%,oklch(20% .06 258 / .6) 0%,transparent 55%),radial-gradient(ellipse at 90% 10%,oklch(23% .05 258 / .4) 0%,transparent 40%);display:flex;flex-direction:column;padding:3rem 4rem 3.5rem;position:relative;overflow:hidden}.hero-accent-line{background:var(--accent);width:2px;flex-shrink:0}.hero-right{position:relative;overflow:hidden}.hero-right img{width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:brightness(.88) saturate(.9)}.hero-right-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,oklch(15% .04 258 / .35) 100%)}.hero-badge{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:auto}.hero-name{display:flex;flex-direction:column;line-height:.87;margin-bottom:1.75rem}.hero-name-first{font-family:var(--font-display);font-weight:200;font-size:clamp(3.5rem,7.5vw,8rem);letter-spacing:.06em;color:var(--hero-muted);text-transform:uppercase}.hero-name-last{font-family:var(--font-display);font-weight:700;font-size:clamp(3.8rem,8vw,8.5rem);letter-spacing:.04em;color:var(--hero-text);text-transform:uppercase}.hero-meta{display:flex;flex-direction:column;gap:.6rem}.hero-tagline{font-family:var(--font-body);font-weight:300;font-size:var(--text-sm);color:var(--hero-muted);max-width:38ch;line-height:1.6}.hero-contact-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-top:.5rem}.hero-contact-item{display:flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:#595e66;text-decoration:none;transition:color .2s ease}.hero-contact-item:hover{color:var(--accent)}.hero-scroll{position:absolute;bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-scroll-text{font-family:var(--font-display);font-weight:300;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:#4a4d53;writing-mode:vertical-rl}.hero-scroll-line{width:1px;height:3rem;background:linear-gradient(to bottom,oklch(42% .01 258),transparent)}.sticky-nav{position:fixed;top:0;left:0;right:0;height:52px;background:color-mix(in oklch,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:200;display:flex;align-items:center;padding:0 3.5rem;gap:2rem;transition:transform .35s cubic-bezier(.25,.46,.45,.94),opacity .35s ease,background-color .4s ease,border-color .4s ease}.sticky-nav.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.nav-brand{display:flex;align-items:baseline;gap:.5rem;flex-shrink:0;margin-right:auto}.nav-brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.nav-brand-title{font-family:var(--font-display);font-weight:200;font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-subtle)}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{background:none;border:none;font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);cursor:pointer;padding:.3rem .65rem;border-radius:100px;transition:color .2s ease,background-color .2s ease}.nav-link:hover{color:var(--text);background:var(--bg-subtle)}.nav-link.active{color:var(--accent-fg)}.nav-theme-btn{background:none;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:color .2s ease,border-color .2s ease}.nav-theme-btn:hover{color:var(--text);border-color:var(--border-mid)}.cv-content{max-width:1100px;margin:0 auto;padding:0 5rem}.cv-section{padding:6rem 0 7rem;border-bottom:1px solid var(--border);transition:border-color .4s ease,background-color .4s ease}.cv-section:last-child{border-bottom:none}.cv-section.bg-alt{background:var(--bg-alt)}.cv-section.bg-dark{background:var(--hero-bg);background-image:radial-gradient(ellipse at 80% 50%,oklch(20% .06 258 / .5) 0%,transparent 50%)}.section-full{padding:6rem 5rem 7rem;max-width:1100px;margin:0 auto}.section-header{margin-bottom:4rem}.section-marker{display:flex;align-items:center;gap:.85rem;margin-bottom:1.6rem}.section-marker-line{width:2rem;height:1.5px;background:var(--accent);flex-shrink:0}.section-marker-label{font-family:var(--font-display);font-weight:300;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent-fg)}.section-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-4xl);letter-spacing:.02em;line-height:.92;color:var(--text)}.section-title.inverted{color:var(--hero-text)}.about-hero-statement{font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,5.5vw,5rem);line-height:1;letter-spacing:.02em;color:var(--text);margin-bottom:.4rem}.about-hero-sub{font-family:var(--font-display);font-weight:200;font-size:var(--text-xl);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3.5rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:3.5rem;border:1px solid var(--border);border-radius:2px;overflow:hidden;transition:border-color .4s ease}.stat-item{padding:1.5rem 1.75rem;border-right:1px solid var(--border);transition:border-color .4s ease,background-color .25s ease}.stat-item:last-child{border-right:none}.stat-item:hover{background:var(--bg-subtle)}.stat-value{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);color:var(--accent-fg);letter-spacing:.02em;line-height:1;margin-bottom:.4rem}.stat-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-subtle);line-height:1.35}.about-tagline{font-family:var(--font-body);font-weight:400;font-size:var(--text-lg);color:var(--text-muted);line-height:1.8;max-width:68ch}.experience-list{display:flex;flex-direction:column}.exp-entry{display:grid;grid-template-columns:180px 1fr;gap:0 3.5rem;padding:2.75rem 0;border-bottom:1px solid var(--border);transition:border-color .4s ease;align-items:start}.exp-entry:first-child{padding-top:0}.exp-entry:last-child{border-bottom:none}.exp-aside{padding-top:.4rem}.exp-period{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);line-height:1.5}.exp-current-badge{display:inline-block;margin-top:.5rem;font-family:var(--font-display);font-weight:600;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-fg);background:var(--accent-bg);border:1px solid oklch(from var(--accent) l c h / .35);padding:.2rem .6rem;border-radius:100px}.exp-company{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:.02em;color:var(--text);line-height:1;margin-bottom:.35rem}.exp-role-row{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.exp-role{font-family:var(--font-display);font-weight:300;font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-fg)}.exp-dot{width:3px;height:3px;border-radius:50%;background:var(--border-mid);flex-shrink:0}.exp-location{font-size:var(--text-sm);color:var(--text-subtle)}.exp-description{font-family:var(--font-body);font-style:italic;font-size:var(--text-sm);color:var(--text-subtle);margin-bottom:1rem;line-height:1.6}.exp-highlights{list-style:none;display:flex;flex-direction:column;gap:.65rem}.exp-highlights li{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);line-height:1.65;padding-left:1.4rem;position:relative}.exp-highlights li:before{content:"—";position:absolute;left:0;color:var(--accent);font-weight:300}.exp-entry.type-break{background:var(--bg);border-radius:2px;padding:2rem 2.5rem;margin:1rem 0;border-bottom:none}.exp-entry.type-break .exp-company{color:var(--accent-fg);font-size:clamp(1.3rem,2.2vw,1.8rem)}.exp-entry.type-break .exp-description{font-style:normal;color:var(--text-muted);margin-bottom:0}.exp-entry.type-break+.exp-entry{padding-top:2.75rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{display:flex;flex-direction:column;padding:1.75rem;background:var(--bg);border:1px solid var(--border);border-radius:2px;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;min-height:160px}.project-card:hover{background:var(--bg-alt);border-color:var(--border-mid);transform:translateY(-3px)}.project-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);letter-spacing:.04em;color:var(--text);margin-bottom:.6rem;line-height:1.2}.project-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;flex:1}.project-footer{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.project-lang{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-fg);background:var(--accent-bg);padding:.15rem .6rem;border-radius:100px}.project-stars{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-subtle);display:flex;align-items:center;gap:.3rem}.projects-loading{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-subtle);font-style:italic;padding:2rem 0}.projects-empty{padding:3rem;border:1px solid var(--border);border-radius:2px;text-align:center}.projects-empty p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-subtle)}.edu-list{display:flex;flex-direction:column}.edu-entry{display:grid;grid-template-columns:1fr auto;gap:1rem 4rem;padding:2.25rem 0;border-bottom:1px solid var(--border);align-items:start;transition:border-color .4s ease}.edu-entry:first-child{padding-top:0}.edu-entry:last-child{border-bottom:none}.edu-institution{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:.02em;color:var(--text);line-height:1;margin-bottom:.25rem}.edu-degree{font-family:var(--font-display);font-weight:300;font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-fg);margin-bottom:.25rem}.edu-details{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-subtle);font-style:italic}.edu-period{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);white-space:nowrap;text-align:right;padding-top:.4rem}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:3.5rem}.skill-card{padding:2rem;background:var(--bg);border:1px solid var(--border);border-radius:2px;transition:background-color .4s ease,border-color .4s ease,transform .2s ease}.skill-card:hover{transform:translateY(-2px)}.skill-card:first-child{grid-column:1 / -1}.skill-domain{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-bottom:.75rem;line-height:1.3}.skill-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);line-height:1.7}.skills-meta{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.skills-meta-title{font-family:var(--font-display);font-weight:300;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:1.25rem}.lang-list{display:flex;flex-direction:column;gap:.7rem}.lang-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.lang-name{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted)}.lang-level{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle)}.cert-list{display:flex;flex-direction:column;gap:.55rem}.cert-item{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);padding-left:1.1rem;position:relative}.cert-item:before{content:"—";position:absolute;left:0;color:var(--accent);font-weight:300}.contact-headline{font-family:var(--font-display);font-weight:100;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:.02em;color:var(--hero-text);line-height:1.05;margin-bottom:3rem}.contact-headline strong{font-weight:700}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:4rem}.contact-card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid oklch(35% .012 258);border-radius:2px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.contact-card:hover{background:#13161c;border-color:#494d54;transform:translateY(-2px)}.contact-card-label{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:#606369}.contact-card-value{font-family:var(--font-body);font-size:var(--text-sm);color:#abaeb3;word-break:break-all}.contact-footer{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:#404347;padding-top:2rem;border-top:1px solid oklch(28% .01 258)}@media (max-width: 900px){.hero-section{grid-template-columns:1fr 2px 45%}.stats-row{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:none}.stat-item:nth-child(3),.stat-item:nth-child(4){border-top:1px solid var(--border)}.skills-grid{grid-template-columns:1fr}.skill-card:first-child{grid-column:auto}.contact-grid{grid-template-columns:1fr 1fr}.exp-entry{grid-template-columns:140px 1fr;gap:0 2rem}}.projects-sub-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.projects-sub-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.projects-sub-count{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle)}.projects-github-link{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.1em;color:var(--accent-fg);text-decoration:none;transition:color .2s ease}.projects-github-link:hover{color:var(--accent)}.prof-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.prof-project-card{display:flex;flex-direction:column;padding:1.75rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:2px;transition:background-color .4s ease,border-color .2s ease,transform .2s ease;min-height:220px}.prof-project-card:hover{border-color:var(--border-mid);transform:translateY(-3px)}.prof-project-context{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-fg);margin-bottom:.6rem;line-height:1.4}.prof-project-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--text);margin-bottom:.75rem;line-height:1.15;letter-spacing:.01em}.prof-project-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);line-height:1.65;flex:1;margin-bottom:1.25rem}.prof-project-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.prof-project-impact{display:flex;align-items:baseline;gap:.4rem}.prof-impact-value{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--accent-fg);letter-spacing:.01em;line-height:1}.prof-impact-label{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle)}.proj-tags{display:flex;flex-wrap:wrap;gap:.4rem}.proj-tag{font-family:var(--font-display);font-weight:300;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);background:var(--bg-subtle);padding:.15rem .55rem;border-radius:100px}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:1.5rem;background:var(--bg);border:1px solid var(--border);border-radius:2px;transition:background-color .4s ease,border-color .4s ease}.tools-cat-label{font-family:var(--font-display);font-weight:300;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-fg);margin-bottom:.75rem}.tools-items{display:flex;flex-wrap:wrap;gap:.4rem}.tool-chip{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-subtle);padding:.25rem .7rem;border-radius:2px;border:1px solid var(--border);transition:border-color .2s ease,color .2s ease}.tool-chip:hover{color:var(--text);border-color:var(--border-mid)}@media (max-width: 768px){.cv-content{padding:0 1.5rem}.section-full{padding:4.5rem 1.5rem 5rem}.cv-section{padding:4.5rem 0 5rem}.hero-section{grid-template-columns:1fr;grid-template-rows:42vh 1fr;height:100svh}.hero-accent-line{display:none}.hero-right{order:-1;height:42vh}.hero-right img{object-position:center 30%}.hero-left{padding:2rem 2rem 3rem;justify-content:center}.hero-badge{margin-bottom:1.25rem}.hero-name-first,.hero-name-last{font-size:clamp(3rem,13vw,5rem)}.exp-entry{grid-template-columns:1fr;gap:.5rem}.exp-aside{display:flex;gap:1rem;align-items:center}.exp-current-badge{margin-top:0}.edu-entry{grid-template-columns:1fr}.edu-period{text-align:left}.skills-meta{grid-template-columns:1fr;gap:2rem}.contact-grid{grid-template-columns:1fr}.nav-links,.nav-brand-title{display:none}.sticky-nav{padding:0 1.5rem}.prof-projects-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr 1fr}}@media (min-width: 769px) and (max-width: 900px){.prof-projects-grid,.tools-grid{grid-template-columns:1fr 1fr}}.personal-project-card{border-color:var(--border);background:oklch(from var(--accent) l c h / .03)}.proj-github-link{display:inline-block;margin-top:1rem;font-size:var(--text-xs);font-family:var(--font-body);color:var(--accent);text-decoration:none;letter-spacing:.06em;text-transform:uppercase}.proj-github-link:hover{opacity:.7}.edit-bar{position:fixed;bottom:1.75rem;right:1.75rem;z-index:950;display:flex;align-items:center;gap:.625rem}.edit-bar-toggle{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--border-mid);background:var(--bg-primary, var(--bg));color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.35;transition:opacity .2s}.edit-bar-toggle:hover{opacity:1}.edit-bar-btn{padding:.45rem 1rem;border-radius:2rem;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;transition:opacity .15s}.edit-bar-btn:hover{opacity:.8}.edit-bar-done{background:var(--accent);color:#020b1c;font-weight:600}.edit-bar-reset{background:transparent;color:var(--text-muted);border:1px solid var(--border-mid)!important}.editable-active{outline:1.5px dashed oklch(68% .145 72 / .45);outline-offset:3px;border-radius:2px;cursor:text;transition:outline-color .15s,background .15s}.editable-active:focus{outline:2px solid oklch(68% .145 72 / .8);background:#ce87030d;border-radius:2px}.cv-footer{padding:2rem;text-align:center}.cv-footer-admin{color:var(--border);font-size:.65rem;text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .2s}.cv-footer-admin:hover{color:var(--text-muted)}.admin-login{min-height:100vh;background:#020b1c;display:flex;align-items:center;justify-content:center}.admin-login-card{width:100%;max-width:400px;padding:3rem}.admin-login-brand{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:2.5rem}.admin-login-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:100;letter-spacing:.12em;text-transform:uppercase;color:#e2e5e9;margin-bottom:2.5rem}.admin-login-form{display:flex;flex-direction:column;gap:1rem}.admin-input{background:#121b28;border:1px solid oklch(32% .02 258);border-radius:4px;padding:.875rem 1rem;font-family:var(--font-body);font-size:var(--text-base);color:#d4d8dd;transition:border-color .15s;width:100%}.admin-input:focus{outline:none;border-color:var(--accent)}.admin-input::placeholder{color:#575e68}.admin-error{color:#e85854;font-size:var(--text-sm)}.admin-submit{background:var(--accent);color:#020b1c;border:none;padding:.875rem;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:4px;margin-top:.5rem;transition:opacity .15s}.admin-submit:hover:not(:disabled){opacity:.85}.admin-submit:disabled{opacity:.5;cursor:not-allowed}.admin-back{display:block;margin-top:2rem;color:#575e68;font-size:var(--text-sm);text-decoration:none;transition:color .15s}.admin-back:hover{color:#999fa7}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#f4f6f8;font-family:var(--font-body)}.admin-sidebar{background:#020b1c;display:flex;flex-direction:column;padding:2rem 1.5rem;position:sticky;top:0;height:100vh}.admin-sidebar-brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem}.admin-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.admin-nav-link{color:#8b9097;text-decoration:none;font-size:var(--text-sm);padding:.4rem 0;transition:color .15s}.admin-nav-link:hover{color:var(--accent)}.admin-sidebar-footer{padding-top:1.25rem;border-top:1px solid oklch(28% .018 258)}.admin-logout{background:none;border:none;color:#5f646a;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;padding:0;transition:color .15s}.admin-logout:hover{color:#aaaeb4}.admin-main{padding:3rem 3.5rem;max-width:900px}.admin-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2rem}.admin-page-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:#040f21}.admin-reset-btn{background:none;border:1px solid var(--border);border-radius:2rem;padding:.3rem .875rem;font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:border-color .15s,color .15s}.admin-reset-btn:hover{border-color:var(--text-muted);color:var(--text)}.admin-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.admin-tab{background:none;border:none;border-bottom:2px solid transparent;padding:.625rem 1.25rem;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;margin-bottom:-1px;letter-spacing:.03em;transition:color .15s,border-color .15s}.admin-tab:hover{color:var(--text)}.admin-tab--active{color:var(--text);border-bottom-color:var(--accent);font-weight:500}.admin-editor{padding-bottom:4rem}.admin-section{display:flex;flex-direction:column;gap:1.75rem}.admin-section-hint{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.admin-section-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.adf{display:flex;flex-direction:column;gap:.4rem}.adf-label{font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.adf-textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:4px;padding:.75rem 1rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background:var(--bg);line-height:1.6;transition:border-color .15s}.adf-textarea:focus{outline:none;border-color:var(--accent)}.admin-accordion{border:1px solid var(--border);border-radius:6px;overflow:hidden}.admin-accordion-header{width:100%;background:var(--bg-alt);border:none;padding:.875rem 1.25rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text);text-align:left;transition:background .15s}.admin-accordion-header:hover,.admin-accordion-header.open{background:var(--bg-subtle)}.admin-accordion-period{color:var(--text-muted);font-weight:400;margin-left:auto;font-size:var(--text-xs)}.admin-accordion-chevron{font-size:.55rem;color:var(--text-muted)}.admin-accordion-body{padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.5rem;border-top:1px solid var(--border);background:var(--bg)}.screenshot-stack-wrapper{width:100%;border-radius:4px 4px 0 0;overflow:hidden;border-bottom:1px solid var(--border-mid);background:#050910}.browser-chrome{background:#11161e;padding:7px 10px;display:flex;align-items:center;gap:8px}.browser-dots{display:flex;gap:5px}.browser-dots span{width:10px;height:10px;border-radius:50%;display:block}.browser-dots span:nth-child(1){background:#ce7069}.browser-dots span:nth-child(2){background:#cbaa4b}.browser-dots span:nth-child(3){background:#5da260}.browser-url{flex:1;background:#090e14;border-radius:4px;padding:3px 10px;font-size:.7rem;color:#6e7278;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screenshot-stack{position:relative;height:200px;cursor:pointer;overflow:visible}.stack-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;overflow:hidden;will-change:transform;border:1px solid oklch(38% .025 255);box-shadow:0 4px 14px #0000028c}.stack-card img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.stack-counter{position:absolute;bottom:8px;right:10px;background:#000205bf;color:#bcbec1;font-size:.65rem;padding:2px 7px;border-radius:20px;letter-spacing:.06em;pointer-events:none;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hi-page{min-height:100svh;background-color:var(--hero-bg);background-image:radial-gradient(ellipse at 20% 80%,oklch(20% .06 258 / .5) 0%,transparent 55%),radial-gradient(ellipse at 90% 10%,oklch(23% .05 258 / .35) 0%,transparent 40%);display:flex;justify-content:center;align-items:flex-start;padding:0 16px 48px}.hi-screen{width:100%;max-width:420px;padding-top:48px;display:flex;flex-direction:column}.hi-badge{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.hi-name{display:flex;flex-direction:column;line-height:.9}.hi-name-first{font-family:var(--font-display);font-weight:200;font-size:clamp(2rem,12vw,3.5rem);letter-spacing:.07em;color:var(--hero-muted);text-transform:uppercase}.hi-name-last{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,13vw,3.8rem);letter-spacing:.05em;color:var(--hero-text);text-transform:uppercase}.hi-accent-line{width:2px;height:28px;background:var(--accent);border-radius:1px;margin-bottom:16px}.hi-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.hi-stat{background:#0b1016;border:1px solid var(--border);border-radius:2px;padding:10px 12px}.hi-stat-val{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:.02em;color:var(--hero-text);line-height:1;margin-bottom:3px}.hi-stat-label{font-family:var(--font-body);font-weight:300;font-size:.52rem;color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase}.hi-alp{font-family:var(--font-body);font-weight:300;font-size:.65rem;color:var(--text-subtle);font-style:italic;text-align:center;padding:10px 0 20px;line-height:1.5}.hi-cta-primary{width:100%;background:var(--accent);color:var(--hero-bg);font-family:var(--font-display);font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:15px 16px;border-radius:2px;border:none;margin-bottom:8px;cursor:pointer;transition:opacity .15s ease}.hi-cta-primary:hover{opacity:.88}.hi-cta-secondary{width:100%;background:transparent;color:var(--hero-muted);font-family:var(--font-display);font-weight:300;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;text-align:center;padding:13px 16px;border-radius:2px;border:1px solid var(--border);margin-bottom:20px;cursor:pointer;text-decoration:none;display:block;transition:border-color .15s ease}.hi-cta-secondary:hover{border-color:var(--border-mid)}.hi-sub-row{display:flex;justify-content:center;border-top:1px solid var(--border);padding-top:14px}.hi-sub-link{font-family:var(--font-display);font-weight:300;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);padding:0 14px;border-right:1px solid var(--border);text-decoration:none;transition:color .2s ease}.hi-sub-link:last-child{border-right:none}.hi-sub-link:hover{color:var(--accent)}.hi-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100}.hi-overlay{position:fixed;bottom:0;left:0;right:0;background:#0f1217;border-radius:16px 16px 0 0;border-top:1px solid var(--border);padding:20px 24px 40px;z-index:101;max-width:420px;margin:0 auto}.hi-overlay-handle{width:36px;height:4px;background:var(--border-mid);border-radius:2px;margin:0 auto 24px}.hi-overlay-title{font-family:var(--font-display);font-weight:300;font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:16px}.hi-overlay-links{display:flex;flex-direction:column;gap:8px}.hi-overlay-link{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#171b20;border:1px solid var(--border);border-radius:2px;text-decoration:none;transition:border-color .15s ease}.hi-overlay-link:hover{border-color:var(--accent)}.hi-overlay-link-label{font-family:var(--font-display);font-weight:300;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:2px}.hi-overlay-link-value{font-family:var(--font-body);font-weight:400;font-size:var(--text-sm);color:var(--hero-text)}.hi-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hi-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 10%;border:2px solid var(--accent);flex-shrink:0}.hi-statement{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.05;letter-spacing:-.01em;color:var(--hero-text);margin-bottom:14px}.hi-tagline{font-family:var(--font-body);font-weight:300;font-size:var(--text-sm);color:var(--hero-muted);line-height:1.6;margin-bottom:20px}