:root{--bg:#0b0b10;--bg-2:#0f1018;--surface:#14151f;--surface-2:#191b27;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--ink:#f3f3f8;--muted:#a0a1b2;--faint:#6e6f80;--accent:#7c5cff;--accent-2:#a78bfa;--accent-soft:rgba(124,92,255,.16);--paper:#f3efe6;--paper-ink:#1c1c24;--font-head:"Space Grotesk",sans-serif;--font-body:"Manrope",sans-serif;--blob-intensity:.6;--max:1180px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.05;margin:0}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.page,main{position:relative;z-index:1}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(120% 120% at 80% -10%,#16171f 0,#0b0b10 55%)}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:calc(var(--blob-intensity) * 1)}.blob-1{width:60vw;height:60vw;top:-18vw;right:-12vw;background:radial-gradient(circle at 40% 40%,#2a2d40,transparent 62%)}.blob-2{width:55vw;height:55vw;top:24vh;left:-18vw;background:radial-gradient(circle at 50% 50%,#1c2236,transparent 60%)}.blob-3{width:48vw;height:48vw;bottom:-12vw;right:-6vw;background:radial-gradient(circle at 50% 50%,#241f3d,transparent 62%)}.blob-4{width:40vw;height:40vw;top:60vh;left:30vw;background:radial-gradient(circle at 50% 50%,rgba(124,92,255,.18),transparent 60%);opacity:calc(var(--blob-intensity) * .9)}.halftone{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px);background-size:15px 15px;-webkit-mask:radial-gradient(70% 60% at 50% 35%,#000 0,transparent 75%);mask:radial-gradient(70% 60% at 50% 35%,#000 0,transparent 75%);opacity:calc(var(--blob-intensity) * 1.1)}.grain,.halftone{position:absolute;inset:0}.grain{opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.btn-primary{display:inline-flex;align-items:center;gap:.55em;white-space:nowrap;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:600;font-size:.96rem;padding:.85em 1.4em;border-radius:13px;box-shadow:0 10px 30px -10px rgba(124,92,255,.6);transition:transform .18s ease,box-shadow .18s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(124,92,255,.7)}.btn-primary.full{width:100%;justify-content:center}.btn-primary.is-disabled{opacity:.4;pointer-events:none;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;gap:.5em;white-space:nowrap;border:1px solid var(--line-2);color:var(--ink);font-weight:500;font-size:.94rem;padding:.8em 1.3em;border-radius:13px;background:rgba(255,255,255,.02);transition:border-color .18s,background .18s,transform .18s}.btn-ghost:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.kicker{display:inline-block;white-space:nowrap;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);font-weight:600;margin-bottom:.7rem}.nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,11,16,.7),transparent)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1.2rem,4vw,3rem);max-width:1320px;margin:0 auto}.logo-mark{font-family:var(--font-head);font-weight:700;font-size:1.5rem;letter-spacing:.02em}.logo-dot{color:var(--accent-2)}.logo{display:inline-flex;align-items:center}.logo-img{height:34px;width:auto;display:block;transition:transform .18s}.logo:hover .logo-img{transform:translateY(-1px)}.nav-links{display:flex;gap:clamp(1rem,2.4vw,2.2rem)}.nav-links a{font-size:.95rem;color:var(--muted);font-weight:500;position:relative;padding:.2rem 0;transition:color .18s}.nav-links a:hover{color:var(--ink)}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:var(--accent);border-radius:2px;transition:right .25s}.nav-links a:hover:after{right:0}.nav-right{display:flex;align-items:center;gap:1rem}.cv{padding:.6em 1.05em;font-size:.9rem}.burger{display:none;flex-direction:column;gap:5px;padding:.4rem}.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px}.section{max-width:var(--max);margin:0 auto;padding:clamp(4rem,9vw,7.5rem) clamp(1.2rem,4vw,2rem)}.section-head{margin-bottom:3rem;max-width:640px}.section-head.center{text-align:center;margin-inline:auto}.section-title{font-size:clamp(2rem,4.4vw,3rem);letter-spacing:-.01em}.section-sub{color:var(--muted);margin-top:1rem;font-size:1.05rem}.hero{max-width:var(--max);margin:0 auto;min-height:100vh;position:relative;z-index:1;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;grid-gap:3rem;gap:3rem;padding:7rem clamp(1.2rem,4vw,2rem) 5rem}.hero:before{content:"";z-index:-3;background:var(--bg)}.hero-bg,.hero:before{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%)}.hero-bg{z-index:-2;background:url(/assets/hero-bg.png) 50%/cover no-repeat}.hero-bg-veil{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 0,transparent 72%,var(--bg) 100%),linear-gradient(to right,rgba(11,11,16,.62),rgba(11,11,16,.15) 45%,transparent 65%)}.hero-hello{color:var(--accent-2);font-weight:600;font-size:1.05rem}.hero-name{font-size:clamp(2.8rem,6.5vw,4.6rem);margin:.4rem 0 .1rem;letter-spacing:-.02em}.hero-role{font-size:clamp(2rem,5.2vw,3.6rem);letter-spacing:-.02em;background:linear-gradient(120deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-pitch{color:var(--muted);max-width:30rem;margin:1.6rem 0 2rem;font-size:1.08rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-social{display:flex;align-items:center;gap:1rem;margin-top:2.6rem}.hero-social>span{color:var(--faint);font-size:.9rem}.social-row{display:flex;gap:.6rem}.social-row a{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);color:var(--muted);transition:.18s}.social-row a:hover{color:#fff;border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.social-row.big a{width:46px;height:46px}.hero-portrait{position:relative;justify-self:center;width:min(420px,80%);aspect-ratio:1}.portrait-blob{position:absolute;inset:0;overflow:hidden;border-radius:54% 46% 47% 53%/46% 50% 50% 54%;border:1px solid var(--line-2);box-shadow:0 30px 80px -20px rgba(124,92,255,.45);animation:morph 14s ease-in-out infinite}.portrait-blob img{width:100%;height:100%;object-fit:cover}.portrait-ring{position:absolute;inset:-6%;border-radius:50%;background:conic-gradient(from 120deg,var(--accent),transparent 35%,var(--accent-2) 70%,transparent);filter:blur(28px);opacity:.5;z-index:-1;animation:spin 24s linear infinite}@keyframes morph{0%,to{border-radius:54% 46% 47% 53%/46% 50% 50% 54%}50%{border-radius:44% 56% 58% 42%/56% 44% 56% 44%}}@keyframes spin{to{transform:rotate(1turn)}}.scroll-cue{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--muted);animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.hero--center{grid-template-columns:1fr;text-align:center;justify-items:center}.hero--center .hero-pitch{margin-inline:auto}.hero--center .hero-cta,.hero--center .hero-social{justify-content:center}.hero--center .hero-portrait{order:-1;width:min(180px,50%);margin-bottom:1rem}.hero--center .portrait-blob{border-radius:50%}.hero--minimal{grid-template-columns:1fr;max-width:900px}.hero--minimal .hero-name{font-size:clamp(3rem,9vw,6rem)}.hero--minimal .hero-role{font-size:clamp(2.2rem,7vw,4.6rem)}.projects-sec{max-width:none;overflow:hidden}.projects-sec .section-head{max-width:680px;margin-inline:auto}.cf{position:relative;max-width:1320px;margin:0 auto;padding:1rem 0 .5rem}.cf-stage{perspective:1900px;height:clamp(230px,38vw,420px);outline:none;display:flex;align-items:center;justify-content:center}.cf-track{position:relative;width:min(680px,80vw);height:100%}.cf-card,.cf-track{transform-style:preserve-3d}.cf-card{position:absolute;inset:0;cursor:pointer;transition:transform .6s cubic-bezier(.6,.05,.2,1),opacity .5s;will-change:transform;border-radius:18px}.cf-card.is-active{cursor:default}.cf-thumb{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;border:1px solid var(--line-2);display:grid;place-items:center;background:linear-gradient(150deg,#1c1e2c,#101120 70%);box-shadow:0 30px 70px -30px rgba(0,0,0,.85)}.cf-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cf-card.is-active .cf-thumb{border-color:var(--accent);box-shadow:0 44px 100px -34px rgba(124,92,255,.6),0 0 0 1px var(--accent-soft)}.cf-thumb-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(7,8,12,.78) 0,rgba(7,8,12,.12) 38%,transparent 60%)}.cf-thumb-label{position:absolute;left:1.1rem;bottom:.9rem;font-size:clamp(1rem,2.2vw,1.5rem);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}.cf-thumb-label,.cf-thumb-tag{z-index:2;font-family:var(--font-head);font-weight:700;letter-spacing:-.01em}.cf-thumb-tag{font-size:clamp(1.1rem,2.4vw,1.7rem);color:var(--ink);text-align:center;padding:0 1rem}.cf-thumb-num{position:absolute;top:.8rem;right:1.1rem;font-family:ui-monospace,monospace;font-size:.82rem;color:rgba(255,255,255,.7);letter-spacing:.06em;z-index:2;background:rgba(7,8,12,.4);padding:.2em .55em;border-radius:7px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cf-card-shine{position:absolute;inset:0;border-radius:18px;pointer-events:none;z-index:3;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%)}.cf-card:not(.is-active) .cf-thumb:after{content:"";position:absolute;inset:0;z-index:4;background:rgba(7,8,12,.5);transition:.4s}.cf-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);background:rgba(20,21,31,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);display:grid;place-items:center;transition:.2s}.cf-arrow:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-50%) scale(1.08)}.cf-prev{left:clamp(.5rem,4vw,3rem)}.cf-prev svg{transform:rotate(180deg)}.cf-next{right:clamp(.5rem,4vw,3rem)}.cf-info{text-align:center;max-width:560px;margin:1.4rem auto 0;position:relative}.cf-info-num{font-family:ui-monospace,monospace;color:var(--accent-2);font-size:.9rem;letter-spacing:.1em}.cf-info-tag{display:inline-flex;align-items:center;gap:.45em;margin:.5rem 0 .3rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;width:100%;justify-content:center}.cf-info-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-2)}.cf-info-name{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:.1rem 0 .5rem}.cf-info-desc{color:var(--muted);margin:0 auto 1rem;max-width:30rem}.cf-info-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.cf-info-stack span{font-size:.78rem;color:var(--muted);padding:.32em .7em;border-radius:7px;background:var(--surface-2);border:1px solid var(--line)}.cf-link{display:inline-flex;margin-top:1.3rem}.cf-card.is-active.has-link{cursor:pointer}.cf-card.is-active.has-link .cf-thumb:before{content:"Ouvrir ↗";position:absolute;z-index:5;top:.8rem;left:1.1rem;font-size:.78rem;font-weight:600;color:#fff;background:rgba(124,92,255,.9);padding:.25em .6em;border-radius:7px;opacity:0;transition:opacity .2s;pointer-events:none}.cf-card.is-active.has-link:hover .cf-thumb:before{opacity:1}.cf-dots{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.8rem}.cf-dot{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6em 1em;border-radius:12px;border:1px solid transparent;transition:.2s;min-width:120px}.cf-dot:hover{border-color:var(--line-2);background:rgba(255,255,255,.02)}.cf-dot.is-on{border-color:var(--accent);background:var(--accent-soft)}.cf-dot-num{font-family:ui-monospace,monospace;font-size:.82rem;color:var(--accent-2);font-weight:600}.cf-dot-label{font-size:.9rem;color:var(--muted)}.cf-dot.is-on .cf-dot-label{color:var(--ink)}@media(max-width:600px){.cf-arrow{width:44px;height:44px}.cf-dot{min-width:auto;flex:1 1 40%}}.about{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:3.5rem;gap:3.5rem;align-items:center}.about-text{color:var(--muted);margin:0 0 1.2rem;max-width:34rem}.about-left .btn-primary{margin-top:.8rem}.about-right{display:flex;flex-direction:column;gap:1.2rem}.stack-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem}.stack-card-head{display:flex;align-items:center;gap:.6rem;color:var(--accent-2);font-weight:600;font-family:var(--font-head);margin-bottom:1.1rem}.stack-chips{display:flex;flex-wrap:wrap;gap:.6rem}.stack-chips span{font-size:.9rem;padding:.45em .9em;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);transition:.18s}.stack-chips span:hover{border-color:var(--accent);color:#fff;transform:translateY(-2px)}.loc-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.4rem;color:var(--accent-2)}.loc-card strong{display:block;color:var(--ink);font-family:var(--font-head)}.loc-card span{color:var(--muted);font-size:.9rem}.guestbook-section{max-width:1080px}.gb{display:grid;grid-template-columns:380px 1fr;grid-gap:2.2rem;gap:2.2rem;align-items:start}.gb-compose{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.6rem;position:-webkit-sticky;position:sticky;top:90px}.gb-kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);font-weight:600}.gb-compose-head h3{font-size:1.5rem;margin:.4rem 0 .3rem}.gb-compose-head p{color:var(--muted);font-size:.92rem;margin:0 0 1.2rem}.gb-pad-wrap{position:relative;border-radius:16px;overflow:hidden;background:var(--paper);aspect-ratio:3/2;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 12px 30px -16px rgba(0,0,0,.6);background-image:linear-gradient(var(--paper),var(--paper)),repeating-linear-gradient(transparent 0 27px,rgba(0,0,0,.05) 27px 28px)}.sig-pad-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;position:relative;z-index:2}.gb-pad-hint{position:absolute;inset:0;display:grid;place-items:center;z-index:1;color:#a9a290;font-size:1rem;pointer-events:none}.gb-pad-tools{position:absolute;right:8px;bottom:8px;z-index:3;display:flex;gap:6px}.gb-pad-tools button{width:30px;height:30px;border-radius:9px;background:rgba(28,28,36,.08);color:#5a5648;font-size:1rem;display:grid;place-items:center;transition:.15s}.gb-pad-tools button:hover{background:rgba(28,28,36,.16);color:#1c1c24}.gb-controls{display:flex;align-items:center;gap:.7rem;margin-top:1rem;flex-wrap:wrap}.gb-inks{display:flex;gap:.4rem}.gb-ink{width:26px;height:26px;border-radius:50%;border:2px solid transparent;transition:.15s;box-shadow:0 0 0 1px var(--line-2)}.gb-ink.is-on{border-color:#fff;transform:scale(1.12)}.gb-name{flex:1 1;min-width:120px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:.7em .9em;font-size:.95rem;font-family:inherit}.gb-name:focus{outline:none;border-color:var(--accent)}.gb-msg{flex-basis:100%;width:100%;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:.7em .9em;font-size:.95rem;font-family:inherit}.gb-msg::placeholder{color:var(--faint)}.gb-msg:focus{outline:none;border-color:var(--accent)}.gb-sign{width:100%;justify-content:center;margin-top:.2rem}.gb-flash{margin-top:.9rem;text-align:center;color:var(--accent-2);font-weight:600;animation:fade .4s}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.gb-wall-head{margin-bottom:1rem}.gb-count{font-size:.85rem;color:var(--faint);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.gb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.gb-card{margin:0;background:var(--paper);border-radius:14px;overflow:hidden;padding:0;box-shadow:0 10px 24px -14px rgba(0,0,0,.7);transition:transform .18s;rotate:var(--r,0deg)}.gb-card:nth-child(3n){--r:-1.2deg}.gb-card:nth-child(3n+1){--r:1deg}.gb-card:hover{transform:translateY(-4px) rotate(0deg)}.gb-card-thumb{position:relative}.sig-thumb-canvas{width:100%;aspect-ratio:3/2;display:block}.gb-card-msg{position:absolute;inset:0;display:grid;place-items:center;padding:.8rem;background:linear-gradient(180deg,rgba(28,28,36,.94),rgba(40,32,60,.94));opacity:0;transition:opacity .22s ease;pointer-events:none}.gb-card-msg p{margin:0;color:#efe9ff;font-size:.82rem;line-height:1.45;font-style:italic;text-align:center;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.gb-card.has-msg:hover .gb-card-msg{opacity:1}.gb-card.has-msg .gb-card-thumb:after{content:"💬";position:absolute;top:6px;right:7px;font-size:.72rem;line-height:1;padding:.18em .3em;border-radius:6px;background:rgba(28,28,36,.5);transition:opacity .22s}.gb-card.has-msg:hover .gb-card-thumb:after{opacity:0}.gb-card figcaption{display:flex;align-items:baseline;justify-content:space-between;padding:.55rem .8rem .7rem;border-top:1px solid rgba(0,0,0,.07)}.gb-card-name{font-family:var(--font-head);font-weight:600;color:var(--paper-ink);font-size:.95rem}.gb-card-time{color:#8a8576;font-size:.72rem;white-space:nowrap;padding-left:.4rem}.gb-empty{color:var(--faint);font-size:.95rem;padding:1.5rem 0}.contact{display:grid;grid-template-columns:1fr 1fr;grid-gap:3.5rem;gap:3.5rem;align-items:center}.contact-mail{display:inline-flex;align-items:center;gap:.6rem;margin:1.4rem 0 1.6rem;font-family:var(--font-head);font-size:1.1rem;color:var(--ink);transition:.18s}.contact-mail:hover{color:var(--accent-2)}.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.8rem;gap:1rem}.contact-form,.contact-form label{display:flex;flex-direction:column}.contact-form label{gap:.4rem;font-size:.85rem;color:var(--muted)}.contact-form input,.contact-form textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:.85em 1em;font-size:.98rem;font-family:inherit;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent)}.contact-form label.err input,.contact-form label.err textarea{border-color:#e0567a}.form-ok{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-2);border-radius:12px}.form-err,.form-ok{padding:.9em 1em;font-size:.92rem}.form-err{background:rgba(224,86,122,.12);border:1px solid #e0567a;color:#ff9bb3;border-radius:12px}.foot{max-width:var(--max);margin:0 auto;padding:2.5rem clamp(1.2rem,4vw,2rem);border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.9rem}.foot,.foot a{color:var(--faint)}.foot a{transition:.18s}.foot a:hover{color:var(--accent-2)}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:8rem;text-align:left}.hero-portrait{order:-1;width:min(280px,70%);justify-self:start;margin-bottom:1.5rem}.about,.contact{gap:2rem}.about,.contact,.gb{grid-template-columns:1fr}.gb-compose{position:static}}@media(max-width:760px){.nav-links{position:fixed;inset:0 0 auto 0;top:0;flex-direction:column;gap:1.5rem;background:rgba(11,11,16,.97);padding:6rem 2rem 2rem;transform:translateY(-100%);transition:transform .3s;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-links.open{transform:translateY(0)}.burger{display:flex;z-index:60}.cv span{display:none}}.admin-shell{min-height:100vh;max-width:1080px;margin:0 auto;padding:2rem clamp(1rem,4vw,2rem)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.4rem;margin-bottom:2rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.admin-topbar h1{font-size:1.5rem}.admin-topbar .sub{color:var(--muted);font-size:.9rem;margin-top:.2rem}.admin-actions{gap:.7rem;align-items:center}.admin-actions,.admin-tabs{display:flex;flex-wrap:wrap}.admin-tabs{gap:.5rem;margin-bottom:1.8rem}.admin-tab{padding:.55em 1.1em;border-radius:11px;border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:.92rem;transition:.18s;background:rgba(255,255,255,.02)}.admin-tab:hover{color:var(--ink);border-color:var(--line-2)}.admin-tab.is-on{color:#fff;border-color:var(--accent);background:var(--accent-soft)}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.4rem;margin-bottom:1.2rem}.admin-card h2{font-size:1.15rem;margin-bottom:1rem}.admin-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.admin-field label{font-size:.82rem;color:var(--muted);font-weight:600}.admin-field input,.admin-field select,.admin-field textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:.7em .9em;font-size:.95rem;font-family:inherit;resize:vertical}.admin-field input:focus,.admin-field textarea:focus{outline:none;border-color:var(--accent)}.admin-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(max-width:640px){.admin-row{grid-template-columns:1fr}}.admin-proj{display:grid;grid-template-columns:120px 1fr auto;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:12px;margin-bottom:.9rem;background:var(--bg-2)}.admin-proj-thumb{width:120px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2)}.admin-proj-meta strong{display:block;font-family:var(--font-head)}.admin-proj-meta span{color:var(--muted);font-size:.85rem}.admin-proj-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:640px){.admin-proj{grid-template-columns:1fr}}.btn-sm{padding:.5em .9em;border-radius:9px;font-size:.85rem;font-weight:600;border:1px solid var(--line-2);color:var(--ink);background:rgba(255,255,255,.02);transition:.18s}.btn-sm:hover{border-color:var(--accent);background:var(--accent-soft)}.btn-sm.danger:hover{border-color:#e0567a;background:rgba(224,86,122,.14);color:#ff9bb3}.admin-gb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:1rem;gap:1rem}.admin-gb-card{background:var(--paper);border-radius:12px;overflow:hidden;position:relative}.admin-gb-card figcaption{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;gap:.5rem}.admin-gb-card .gb-card-name{font-size:.9rem}.admin-gb-del{background:#e0567a;color:#fff;border:1px solid #f07a98;border-radius:9px;width:34px;height:30px;display:grid;place-items:center;font-size:1.05rem;font-weight:700;line-height:1;flex-shrink:0;box-shadow:0 2px 8px -2px rgba(224,86,122,.7);transition:.15s}.admin-gb-del:hover{background:#ec3e69;transform:translateY(-1px);box-shadow:0 4px 12px -2px rgba(224,86,122,.8)}.admin-gb-msg{padding:0 .7rem .6rem;margin:0;color:#4a463c;font-size:.78rem;font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-flash{padding:.8em 1em;border-radius:11px;font-size:.9rem;margin-bottom:1rem;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-2)}.admin-flash.error{background:rgba(224,86,122,.12);border-color:#e0567a;color:#ff9bb3}.login-wrap{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:2.2rem;width:min(380px,100%)}.login-card h1{font-size:1.6rem;margin-bottom:.4rem}.login-card p{color:var(--muted);font-size:.92rem;margin-bottom:1.6rem}.chips-input-hint{color:var(--faint);font-size:.78rem;margin-top:.3rem}.admin-check{display:flex;align-items:center;gap:.6rem;cursor:pointer;color:var(--ink);font-size:.92rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.3rem 0}.admin-check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}