.nav-header{z-index:1000;height:var(--nav-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-normal);position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1140px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);transition:transform var(--transition-fast);align-items:center;font-size:1.35rem;font-weight:800;display:flex}.nav-logo:hover{transform:translateY(-1px)}.nav-logo-accent{color:var(--accent-rose);text-shadow:0 0 12px var(--accent-rose-glow);margin-left:2px;font-size:1.6rem;line-height:0}.nav-links{align-items:center;gap:1.75rem;display:flex}.nav-link{color:var(--text-secondary);text-transform:capitalize;transition:color var(--transition-fast);padding:.4rem .2rem;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover{color:var(--accent-blue)}.nav-link.is-active{color:var(--accent-primary);text-shadow:0 0 12px var(--accent-glow);font-weight:600}.nav-link.is-active:after{content:"";background:var(--accent-gradient);border-radius:var(--radius-full);width:100%;height:2px;box-shadow:0 0 10px var(--accent-glow);position:absolute;bottom:-2px;left:0}.nav-actions{align-items:center;gap:.85rem;display:flex}.theme-toggle-btn{border-radius:var(--radius-full);background:var(--bg-chip);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background:var(--bg-chip-hover);border-color:var(--border-highlight);color:var(--accent-cerulean);box-shadow:0 0 14px var(--accent-glow);transform:scale(1.05)}.theme-icon{width:20px;height:20px;transition:transform var(--transition-normal)}.theme-toggle-btn:active .theme-icon{transform:rotate(30deg)}.nav-mobile-toggle{border-radius:var(--radius-md);background:var(--bg-chip);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.nav-mobile-toggle:hover{background:var(--bg-chip-hover);color:var(--accent-primary)}@media (width<=820px){.nav-mobile-toggle{display:flex}.nav-links{top:var(--nav-height);max-height:calc(100vh - var(--nav-height));-webkit-overflow-scrolling:touch;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);flex-direction:column;align-items:stretch;gap:0;padding:.75rem 1.25rem 1.5rem;position:fixed;left:0;right:0;overflow-y:auto;transform:translateY(-10px)}.nav-links.is-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-link{border-bottom:1px solid var(--border-subtle);padding:.85rem .5rem;font-size:1.05rem}.nav-link.is-active:after{display:none}}@media (width<=480px){.nav-container{padding:0 1rem}.nav-logo{font-size:1.2rem}.nav-actions{gap:.5rem}.theme-toggle-btn,.nav-mobile-toggle{width:38px;height:38px}}.hero-section{min-height:calc(100vh - var(--nav-height));align-items:center;padding:4rem 1.5rem 5rem;display:flex;position:relative;overflow:hidden}.hero-glow-bg{filter:blur(75px);pointer-events:none;z-index:0;background:radial-gradient(circle,#0099ff38 0%,#ff2a8529 45%,#0000 70%);width:440px;height:440px;position:absolute;top:15%;right:10%}[data-theme=light] .hero-glow-bg{background:radial-gradient(circle,#d977062e 0%,#5f147a1f 45%,#0000 70%)}.hero-wrapper{z-index:1;grid-template-columns:1.25fr 1fr;align-items:center;gap:3.5rem;width:100%;max-width:1140px;margin:0 auto;display:grid;position:relative}.hero-status{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);box-shadow:var(--shadow-sm);align-items:center;gap:.55rem;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-dot{background-color:var(--accent-blue);width:9px;height:9px;box-shadow:0 0 8px var(--accent-blue);border-radius:50%;animation:2s infinite pulseGlow;position:relative}.hero-greeting{color:var(--accent-rose);letter-spacing:.04em;text-shadow:0 0 12px #ff2a854d;margin-bottom:.35rem;font-size:1.15rem;font-weight:600}.hero-name{color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(2.75rem,6.5vw,4.5rem);font-weight:800;line-height:1.05}.hero-name-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 14px #0099ff59);-webkit-background-clip:text;display:inline-block}.hero-title{font-family:var(--font-display);color:var(--accent-blue);text-shadow:0 0 16px #0099ff59;margin-bottom:1.25rem;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:600}.hero-description{color:var(--text-secondary);max-width:520px;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 18px var(--accent-glow), 0 0 12px var(--accent-rose-glow);transition:all var(--transition-fast);text-shadow:0 1px 2px #00000080;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.98rem;font-weight:700;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 28px var(--accent-glow), 0 0 20px var(--accent-rose-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.98rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);color:var(--accent-blue);box-shadow:0 4px 18px var(--accent-glow);transform:translateY(-2px)}.hero-socials{align-items:center;gap:.85rem;display:flex}.hero-social-link{border-radius:var(--radius-md);background:var(--bg-chip);border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.hero-social-link:hover{background:var(--bg-chip-hover);border-color:var(--border-highlight);color:var(--accent-blue);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-card{width:100%;max-width:340px;position:relative}.hero-image-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 30px var(--accent-glow);border:1px solid var(--border-subtle);background:var(--bg-secondary);transition:transform var(--transition-normal);position:relative;overflow:hidden}.hero-image-frame:after{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--border-highlight), var(--border-rose) 60%, transparent 90%) border-box;-webkit-mask-composite:xor;pointer-events:none;border:2px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-image-frame:hover{transform:translateY(-4px)}.hero-avatar{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.hero-badge-float{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-highlight);border-radius:var(--radius-md);box-shadow:var(--shadow-md), 0 0 15px var(--accent-glow);z-index:2;align-items:center;gap:.75rem;padding:.65rem 1rem;animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:-15px;left:-20px}.badge-float-icon{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;width:34px;height:34px;box-shadow:0 0 10px var(--accent-glow);justify-content:center;align-items:center;font-weight:800;display:flex}.badge-float-text{flex-direction:column;display:flex}.badge-float-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:600}.badge-float-subtitle{color:var(--text-primary);font-size:.9rem;font-weight:700}@media (width<=900px){.hero-section{padding:3rem 1.25rem 4rem}.hero-wrapper{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-glow-bg{top:5%;left:50%;transform:translate(-50%)}.hero-status,.hero-description{margin-left:auto;margin-right:auto}.hero-actions,.hero-socials{justify-content:center}.hero-visual{order:-1}.hero-image-card{max-width:270px}.hero-badge-float{width:max-content;max-width:92%;animation:none;bottom:-10px;left:50%;transform:translate(-50%)}}@media (width<=520px){.hero-section{min-height:auto;padding:2rem 1rem 3rem}.hero-wrapper{gap:2.25rem}.hero-name{font-size:clamp(2rem,8.5vw,2.75rem)}.hero-title{font-size:1.15rem}.hero-description{margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.hero-actions{flex-direction:column;gap:.75rem;width:100%;margin-bottom:1.5rem}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:.8rem 1.25rem;font-size:.95rem}.hero-image-card{max-width:230px}.hero-badge-float{gap:.5rem;padding:.5rem .85rem}.badge-float-icon{width:28px;height:28px}.badge-float-title{font-size:.68rem}.badge-float-subtitle{font-size:.82rem}}.about-section{border-top:1px solid var(--border-subtle);position:relative}.about-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:3.5rem;display:grid}.about-narrative{flex-direction:column;gap:1.25rem;display:flex}.about-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.75}.about-text strong{color:var(--text-primary);font-weight:600}.about-highlights-list{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.about-highlight-item{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.98rem;display:flex}.highlight-bullet{min-width:22px;height:22px;color:var(--accent-cerulean);background:#0099ff26;border-radius:50%;justify-content:center;align-items:center;margin-top:2px;display:flex;box-shadow:0 0 10px #0099ff40}.about-cards{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.about-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.about-card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-md), 0 0 20px #0099ff26;transform:translateY(-4px)}.about-card-icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--accent-cerulean);border:1px solid var(--border-highlight);background:linear-gradient(135deg,#0099ff26,#ff2a851f);justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #09f3}.about-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.85rem;font-weight:600}.about-card-value{color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.about-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}@media (width<=860px){.about-grid{grid-template-columns:1fr;gap:2.25rem}}@media (width<=540px){.about-cards{grid-template-columns:1fr;gap:1rem}.about-card{padding:1.15rem 1rem}.about-text{font-size:.96rem;line-height:1.65}.about-highlight-item{font-size:.92rem}}.skills-section{border-top:1px solid var(--border-subtle);position:relative}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;display:grid}.skills-category-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;padding:1.75rem;display:flex}.skills-category-card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-md), 0 0 24px var(--accent-glow);transform:translateY(-4px)}.skills-card-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.skills-card-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--bg-chip-hover), var(--bg-chip));border:1px solid var(--border-highlight);width:44px;height:44px;color:var(--accent-cerulean);box-shadow:0 0 14px var(--accent-glow);justify-content:center;align-items:center;display:flex}.skills-card-title-group{flex-direction:column;display:flex}.skills-card-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.skills-card-subtitle{color:var(--text-muted);font-size:.85rem}.skills-list{flex-wrap:wrap;gap:.65rem;display:flex}.skill-pill{background:var(--bg-chip);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;display:inline-flex}.skill-pill:hover{background:var(--bg-chip-hover);border-color:var(--border-highlight);color:var(--text-primary);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-2px)}.skill-dot{background:var(--accent-rose);width:6px;height:6px;box-shadow:0 0 8px var(--accent-rose);border-radius:50%}@media (width<=768px){.skills-grid{grid-template-columns:1fr;gap:1.25rem}}@media (width<=500px){.skills-category-card{padding:1.25rem 1rem}.skills-card-header{gap:.75rem;margin-bottom:1.15rem;padding-bottom:.75rem}.skills-card-icon{width:38px;height:38px}.skills-card-title{font-size:1.05rem}.skills-list{gap:.5rem}.skill-pill{padding:.35rem .75rem;font-size:.82rem}}.projects-section{border-top:1px solid var(--border-subtle);position:relative}.projects-filter-bar{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:3rem;display:flex}.filter-tab{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:.55rem 1.25rem;font-size:.9rem;font-weight:600}.filter-tab:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-highlight)}.filter-tab.is-active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 18px var(--accent-glow), 0 0 12px var(--accent-rose-glow);text-shadow:0 1px 2px #0006;border-color:#0000}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2rem;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md), 0 0 25px var(--accent-glow);transform:translateY(-6px)}.project-img-wrapper{aspect-ratio:16/10;background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;padding:.75rem;display:flex;position:relative;overflow:hidden}.project-img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-img{transform:scale(1.05)}.project-cat-badge{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-highlight);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);color:var(--accent-rose);box-shadow:0 0 12px var(--accent-rose-glow);padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.project-body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-title{color:var(--text-primary);margin-bottom:.6rem;font-size:1.25rem;font-weight:700}.project-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:1.25rem;font-size:.92rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem;display:flex}.project-tag{color:var(--accent-blue);background:var(--bg-chip);border:1px solid var(--border-highlight);border-radius:var(--radius-full);padding:.22rem .7rem;font-size:.78rem;font-weight:600}.project-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:5px;margin-top:auto;padding-top:1rem;display:flex}.project-btn{color:var(--text-primary);background:var(--bg-chip);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.project-btn:hover{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px var(--accent-glow);border-color:#0000;transform:translateY(-1px)}@media (width<=640px){.projects-filter-bar{gap:.45rem;margin-bottom:2rem}.filter-tab{padding:.42rem .95rem;font-size:.82rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-body{padding:1.25rem 1rem}.project-title{font-size:1.15rem}.project-desc{margin-bottom:1rem;font-size:.88rem}.project-footer{flex-direction:column;gap:8px}.project-btn{width:100%}}.achievements-section{border-top:1px solid var(--border-subtle);position:relative}.achievements-container{flex-direction:column;gap:2.5rem;display:flex}.achievement-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal);padding:2.25rem;position:relative;overflow:hidden}.achievement-card:before{content:"";background:var(--accent-gradient);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.achievement-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.achievement-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.75rem;display:flex}.achievement-header-left{align-items:flex-start;gap:1.25rem;display:flex}.achievement-icon-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-highlight);width:54px;height:54px;color:var(--accent-cerulean);background:linear-gradient(135deg,#09f3,#ff2a8526);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 18px #0099ff4d}.achievement-issuer-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.achievement-issuer{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-rose);text-shadow:0 0 10px #ff2a8540;font-size:.88rem;font-weight:700}.achievement-status-badge{border-radius:var(--radius-full);color:#22c55e;background:#22c55e1f;border:1px solid #22c55e4d;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.achievement-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.3rem;font-size:1.55rem;font-weight:800;line-height:1.25}.achievement-subtitle{color:var(--text-muted);font-size:.95rem}.achievement-pill-badge{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1.15rem;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 4px 18px #09f6,0 0 12px #ff2a8540}.achievement-body-grid{grid-template-columns:360px 1fr;align-items:start;gap:2.25rem;display:grid}@media (width<=950px){.achievement-body-grid{grid-template-columns:1fr}}.achievement-preview-panel{flex-direction:column;gap:.85rem;display:flex}.achievement-image-box{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-secondary);width:100%;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-normal);aspect-ratio:1/1.35;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.achievement-image-box:hover{border-color:var(--border-highlight);box-shadow:0 12px 30px #00000073}.achievement-img-preview{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s}.achievement-image-box:hover .achievement-img-preview{transform:scale(1.03)}.achievement-img-overlay{opacity:.9;transition:opacity var(--transition-fast);background:linear-gradient(#090d1626 0%,#090d16bf 100%);justify-content:center;align-items:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.achievement-image-box:hover .achievement-img-overlay{opacity:1;background:linear-gradient(#090d164d 0%,#090d16d9 100%)}.overlay-btn{color:#0b1220;border-radius:var(--radius-full);transition:transform var(--transition-fast);background:#fffffff2;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex;transform:translateY(0);box-shadow:0 4px 15px #0006}.achievement-image-box:hover .overlay-btn{transform:translateY(-4px)}.achievement-preview-footer{justify-content:space-between;align-items:center;gap:.5rem;padding:0 .25rem;display:flex}.validity-indicator{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.82rem;display:inline-flex}.view-fullscreen-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.view-fullscreen-btn:hover{background:var(--bg-chip);color:var(--accent-primary);border-color:var(--border-highlight)}.achievement-details-panel{flex-direction:column;gap:1.5rem;display:flex}.achievement-summary-text{color:var(--text-secondary);font-size:1rem;line-height:1.65}.achievement-metric-banner{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.metric-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.metric-box.primary{background:linear-gradient(135deg,#22c55e14 0%,#0f172ab3 100%);border-color:#22c55e59}.metric-box.secondary{border-color:var(--border-subtle)}.metric-label{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.metric-value-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.metric-score{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.metric-percent{border-radius:var(--radius-full);padding:.2rem .65rem;font-size:.88rem;font-weight:700}.badge-green{color:#22c55e;background:#22c55e26;border:1px solid #22c55e59}.badge-amber{color:var(--accent-rose);background:#ff2a8526;border:1px solid #ff2a8559}.cert-highlight-box{background:linear-gradient(135deg,#8b5cf614 0%,#0f172ab3 100%);border-color:#8b5cf659}.cert-highlight-value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:700}.metric-progress-track{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:6px;overflow:hidden}.metric-progress-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width 1s ease-in-out}.metric-progress-fill.glow-accent{background:linear-gradient(90deg,#10b981 0%,#22c55e 100%);box-shadow:0 0 10px #22c55e80}.score-breakdown-wrapper{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem}.breakdown-heading{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.85rem;font-size:.92rem;font-weight:700}.score-breakdown-list{flex-direction:column;gap:.6rem;display:flex}.breakdown-item{border-radius:var(--radius-sm);transition:background var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .85rem;display:flex}.breakdown-item:hover{background:#ffffff0d}.breakdown-item.is-highlighted{background:#22c55e14;border-color:#22c55e40}.breakdown-info{flex-direction:column;gap:.15rem;display:flex}.breakdown-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.breakdown-subnote{color:var(--text-muted);font-size:.78rem}.breakdown-scores{align-items:center;gap:.85rem;display:flex}.breakdown-marks{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.breakdown-pct{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:58px;font-size:.88rem;font-weight:700}.breakdown-pct.accent-pct{color:#22c55e}.achievement-metadata-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.meta-tile{background:var(--bg-chip);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:.2rem;padding:.65rem .85rem;display:flex}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.meta-val{color:var(--text-primary);font-size:.9rem;font-weight:700}.font-mono{letter-spacing:.04em;font-family:monospace}.achievement-tags-row{flex-wrap:wrap;gap:.5rem;display:flex}.achievement-tag{background:var(--bg-chip);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:.3rem .75rem;font-size:.8rem;font-weight:500}.achievement-tag:hover{background:var(--bg-chip-hover);color:var(--accent-primary);border-color:var(--border-highlight)}.certificate-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(10px);background:#04070ee0;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.certificate-modal-content{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:850px;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000bf}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.certificate-modal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.modal-icon{color:var(--accent-primary)}.modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:700}.modal-reg-badge{background:var(--bg-chip);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);padding:.2rem .6rem;font-family:monospace;font-size:.78rem}.modal-close-btn{background:var(--bg-chip);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.certificate-modal-body{background:#070a11;justify-content:center;align-items:center;max-height:calc(92vh - 140px);padding:1rem;display:flex;overflow-y:auto}.certificate-modal-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:72vh;box-shadow:0 8px 30px #0009}.certificate-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.85rem;display:flex}.modal-footer-hint{color:#22c55e;align-items:center;gap:.4rem;font-weight:600;display:flex}.modal-open-link{color:var(--accent-primary);transition:color var(--transition-fast);align-items:center;gap:.4rem;font-weight:600;text-decoration:none;display:inline-flex}.modal-open-link:hover{color:var(--accent-secondary);text-decoration:underline}@media (width<=860px){.achievement-card{padding:1.6rem 1.25rem}.achievement-header{flex-direction:column;align-items:stretch;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.achievement-pill-badge{align-self:flex-start}.achievement-body-grid{grid-template-columns:1fr;gap:1.5rem}.achievement-title{font-size:1.35rem}.score-breakdown-wrapper{padding:1rem}}@media (width<=500px){.achievement-card{border-radius:var(--radius-md);padding:1.25rem .95rem}.achievement-header-left{flex-direction:column;align-items:flex-start;gap:.75rem}.achievement-icon-wrapper{width:44px;height:44px}.achievement-title{font-size:1.15rem}.achievement-subtitle{font-size:.85rem}.achievement-pill-badge{padding:.35rem .85rem;font-size:.78rem}.breakdown-item{flex-direction:column;align-items:flex-start;gap:.35rem}.breakdown-scores{justify-content:space-between;width:100%}.achievement-metadata-grid{grid-template-columns:1fr 1fr;gap:.5rem}.meta-tile{padding:.5rem .65rem}.meta-label{font-size:.7rem}.meta-val{word-break:break-all;font-size:.8rem}.certificate-modal-backdrop{padding:.75rem}.certificate-modal-content{border-radius:var(--radius-md)}.certificate-modal-header{padding:.85rem 1rem}.modal-title{font-size:1rem}.certificate-modal-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.85rem 1rem}}.contact-section{border-top:1px solid var(--border-subtle);position:relative}.contact-layout{grid-template-columns:1.1fr 1fr;align-items:start;gap:3rem;display:grid}.contact-info-col{flex-direction:column;gap:1.5rem;display:flex}.contact-intro-title{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.25}.contact-intro-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.contact-cards-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.contact-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);justify-content:space-between;align-items:center;gap:1.25rem;padding:1.35rem 1.5rem;display:flex}.contact-card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-md), 0 0 20px var(--accent-glow);transform:translateY(-3px)}.contact-card-left{align-items:center;gap:1rem;display:flex}.contact-card-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--bg-chip-hover), var(--bg-chip));border:1px solid var(--border-highlight);width:46px;height:46px;color:var(--accent-cerulean);box-shadow:0 0 14px var(--accent-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card-details{flex-direction:column;display:flex}.contact-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:600}.contact-card-value{color:var(--text-primary);word-break:break-all;font-size:1rem;font-weight:700}.contact-card-actions{align-items:center;gap:.5rem;display:flex}.contact-action-btn{border-radius:var(--radius-sm);background:var(--bg-chip);border:1px solid var(--border-subtle);color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.contact-action-btn:hover{background:var(--accent-gradient);color:#fff;box-shadow:0 0 12px var(--accent-glow);border-color:#0000}.contact-action-btn.is-copied{color:#fff;background:#22c55e;border-color:#22c55e}.contact-quick-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:1.5rem;padding:2.25rem;display:flex;position:relative;overflow:hidden}.contact-quick-box:before{content:"";background:var(--accent-gradient);height:4px;box-shadow:0 0 12px var(--accent-glow);position:absolute;top:0;left:0;right:0}.quick-box-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-rose);text-shadow:0 0 10px #ff2a854d;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.quick-box-heading{color:var(--text-primary);font-size:1.45rem;font-weight:800}.quick-box-desc{color:var(--text-secondary);font-size:.98rem;line-height:1.65}.quick-box-benefits{flex-direction:column;gap:.8rem;display:flex}.quick-benefit-item{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.92rem;display:flex}.quick-benefit-item svg{color:var(--accent-cerulean);flex-shrink:0}.quick-send-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 18px var(--accent-glow), 0 0 12px var(--accent-rose-glow);transition:all var(--transition-fast);text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;gap:.65rem;margin-top:.5rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;display:inline-flex}.quick-send-btn:hover{box-shadow:0 8px 28px var(--accent-glow), 0 0 20px var(--accent-rose-glow);filter:brightness(1.1);transform:translateY(-2px)}.contact-direct-form{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.form-field-group{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.contact-form-input,.contact-form-textarea{background:var(--bg-card,#0f172a);border:1px solid var(--border-subtle,#334155);border-radius:var(--radius-sm,6px);width:100%;color:var(--text-primary,#f8fafc);transition:border-color var(--transition-fast,.2s);outline:none;padding:.7rem .9rem;font-family:inherit;font-size:.9rem}.contact-form-input:focus,.contact-form-textarea:focus{border-color:var(--accent-primary,#38bdf8)}.contact-mailto-link{text-align:center;color:var(--accent-primary,#38bdf8);opacity:.85;margin-top:.75rem;font-size:.82rem;text-decoration:none;transition:opacity .2s;display:block}.contact-mailto-link:hover{opacity:1;text-decoration:underline}@media (width<=900px){.contact-layout{grid-template-columns:1fr;gap:2.25rem}}@media (width<=600px){.contact-card{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.15rem 1rem}.contact-card-value{word-break:break-all;font-size:.92rem}.contact-card-actions{width:100%;margin-top:.25rem}.contact-action-btn{flex:1;justify-content:center}.contact-quick-box{border-radius:var(--radius-md);padding:1.5rem 1.15rem}.quick-send-btn{justify-content:center;width:100%}}@media (width<=500px){.contact-intro-title{font-size:1.4rem}.contact-intro-text{font-size:.94rem}.form-field-group{grid-template-columns:1fr}}.footer-wrapper{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);margin-top:3rem;padding:4rem 1.5rem 2.5rem}.footer-container{flex-direction:column;gap:2.5rem;max-width:1140px;margin:0 auto;display:flex}.footer-top{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:2rem;display:flex}.footer-brand{flex-direction:column;gap:.35rem;display:flex}.footer-logo{font-family:var(--font-display);color:var(--text-primary);font-size:1.4rem;font-weight:800}.footer-logo-accent{color:var(--accent-rose);text-shadow:0 0 10px var(--accent-rose-glow)}.footer-tagline{color:var(--text-muted);font-size:.9rem}.footer-nav{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.footer-nav-link{color:var(--text-secondary);text-transform:capitalize;transition:color var(--transition-fast);font-size:.92rem}.footer-nav-link:hover{color:var(--accent-blue);text-shadow:0 0 8px var(--accent-glow)}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.footer-copy{color:var(--text-muted);font-size:.88rem}.footer-right-actions{align-items:center;gap:1.25rem;display:flex}.footer-social-link{color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast), filter var(--transition-fast);align-items:center;display:flex}.footer-social-link:hover{color:var(--accent-blue);filter:drop-shadow(0 0 8px var(--accent-glow));transform:translateY(-2px)}.back-to-top-btn{color:var(--text-secondary);background:var(--bg-chip);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.back-to-top-btn:hover{background:var(--bg-chip-hover);color:var(--accent-cerulean);border-color:var(--border-highlight);box-shadow:0 0 15px var(--accent-glow);transform:translateY(-2px)}@media (width<=768px){.footer-wrapper{margin-top:2.5rem;padding:3rem 1.25rem 2rem}.footer-top{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1.25rem}}@media (width<=480px){.footer-wrapper{padding:2.25rem 1rem 1.75rem}.footer-logo{font-size:1.25rem}.footer-nav{gap:.85rem}.footer-nav-link{font-size:.85rem}.footer-copy{font-size:.82rem}.footer-right-actions{justify-content:space-between;width:100%}}.admin-launcher-container{z-index:999;position:fixed;bottom:24px;right:24px}.admin-launcher-btn{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);box-shadow:var(--shadow-md);transition:all var(--transition-normal);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.admin-launcher-btn:hover{border-color:var(--accent-rose);box-shadow:0 8px 24px var(--accent-rose-glow);color:var(--accent-rose);transform:translateY(-2px)}.admin-launcher-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.launcher-icon{transition:transform var(--transition-fast)}.admin-launcher-btn:hover .launcher-icon{transform:rotate(15deg)}.admin-status-indicator{border:1.5px solid var(--bg-card);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}.admin-status-indicator.online{background-color:var(--accent-blue);box-shadow:0 0 6px var(--accent-blue)}.admin-status-indicator.offline{background-color:var(--accent-rose);box-shadow:0 0 6px var(--accent-rose)}.admin-launcher-text{letter-spacing:.02em}@media (width<=640px){.admin-launcher-container{bottom:16px;right:16px}.admin-launcher-text{display:none}.admin-launcher-btn{border-radius:50%;padding:10px}}.admin-login-overlay{z-index:1000;font-family:var(--font-body);background-color:#130d0a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-login-backdrop{pointer-events:none;background:radial-gradient(circle at 50% 25%,#d8b4fe2e,#0000 60%),radial-gradient(circle at 80% 80%,#3d2b2266,#0000 50%);position:absolute;inset:0}.admin-login-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);z-index:10;background:#261b15eb;border:1px solid #d8b4fe47;width:100%;max-width:440px;padding:40px 32px;animation:.35s cubic-bezier(.16,1,.3,1) modalPopIn;position:relative;box-shadow:0 24px 60px -12px #000000e6,0 0 30px #d8b4fe1f}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-login-header{text-align:center;margin-bottom:28px}.admin-login-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);color:#d8b4fe;background:#d8b4fe24;border:1px solid #d8b4fe59;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 0 12px #d8b4fe33}.admin-login-icon{color:#d8b4fe;background:linear-gradient(135deg,#d8b4fe38,#3d2b2280);border:1px solid #d8b4fe66;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex;box-shadow:0 8px 24px -4px #d8b4fe40}.admin-login-title{font-family:var(--font-display);color:#f5f6fa;margin-bottom:8px;font-size:1.75rem;font-weight:700}.admin-login-desc{color:#cbd2df;font-size:.92rem;line-height:1.5}.admin-login-form{flex-direction:column;gap:20px;display:flex}.admin-pin-group{flex-direction:column;gap:8px;display:flex}.admin-pin-label{color:#f5f6fa;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.admin-pin-input-wrapper{align-items:center;display:flex;position:relative}.admin-pin-input{border-radius:var(--radius-md);color:#fff;letter-spacing:.1em;width:100%;height:50px;transition:all var(--transition-fast);background:#130d0ae0;border:1px solid #e2e6f026;outline:none;padding:0 48px 0 16px;font-family:monospace;font-size:1.1rem}.admin-pin-input:focus{border-color:#d8b4fe;box-shadow:0 0 0 3px #d8b4fe40}.admin-pin-input.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.pin-visibility-btn{color:#939aa8;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:12px}.pin-visibility-btn:hover{color:#fff}.admin-pin-error{color:#f87171;margin-top:4px;font-size:.82rem}.admin-login-btn{border-radius:var(--radius-md);color:#17100c;cursor:pointer;height:50px;transition:all var(--transition-normal);background:linear-gradient(135deg,#d8b4fe 0%,#b87cf8 60%,#9061f9 100%);border:none;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 8px 20px -4px #d8b4fe66,0 0 14px #d8b4fe40}.admin-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#f3e8ff 0%,#c084fc 100%);transform:translateY(-2px);box-shadow:0 12px 28px -4px #d8b4fe8c,0 0 20px #d8b4fe59}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-login-footer{text-align:center;flex-direction:column;gap:12px;margin-top:24px;display:flex}.admin-pin-hint{color:#939aa8;font-size:.82rem}.admin-pin-hint code{color:#d8b4fe;background:#d8b4fe26;border-radius:4px;padding:2px 6px;font-weight:700}.hint-note{color:#6d7585;margin-top:2px;font-size:.75rem;display:block}.back-to-portfolio-link{color:#cbd2df;transition:color var(--transition-fast);font-size:.85rem;text-decoration:none}.back-to-portfolio-link:hover{color:#d8b4fe}@media (width<=480px){.admin-login-overlay{padding:14px}.admin-login-card{border-radius:var(--radius-md);padding:28px 20px}.admin-login-icon{width:50px;height:50px;margin-bottom:12px}.admin-login-title{font-size:1.45rem}.admin-login-desc{font-size:.85rem;line-height:1.45}.admin-pin-input{height:46px;font-size:1rem}.admin-login-btn{height:46px;font-size:.95rem}}.active-sessions-root{flex-direction:column;gap:24px;animation:.3s ease-out fadeInSession;display:flex}@keyframes fadeInSession{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sessions-header-card{background:var(--admin-mocha-card,#261b15e0);border:1px solid var(--admin-platinum-border,#e2e6f01f);-webkit-backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;display:flex;box-shadow:0 4px 20px #00000059}.sessions-badge{color:#34d399;text-transform:uppercase;letter-spacing:.05em;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.pulse-dot{animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.sessions-title{color:#f8fafc;letter-spacing:-.01em;margin:0 0 8px;font-size:1.45rem;font-weight:700}.sessions-subtitle{color:#94a3b8;max-width:640px;margin:0;font-size:.9rem;line-height:1.5}.sessions-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.session-refresh-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.session-refresh-btn:hover:not(:disabled){color:#f8fafc;background:#ffffff1f;border-color:#fff3}.spin-icon{animation:.8s linear infinite spinRef}@keyframes spinRef{to{transform:rotate(360deg)}}.session-logout-all-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.session-logout-all-btn:hover:not(:disabled){color:#fca5a5;background:#ef444438;border-color:#ef444480;box-shadow:0 0 16px #ef444433}.sessions-toast{border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:.88rem;font-weight:500;animation:.25s ease-out slideInToast;display:flex}@keyframes slideInToast{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sessions-toast.success{color:#34d399;background:#10b9811f;border:1px solid #10b98159}.sessions-toast.error{color:#f87171;background:#ef44441f;border:1px solid #ef444459}.sessions-stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.session-stat-card{background:var(--admin-mocha-subcard,#17100cc7);border:1px solid var(--admin-platinum-border,#e2e6f01f);border-radius:14px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,border-color .2s;display:flex}.session-stat-card:hover{border-color:#ffffff24;transform:translateY(-2px)}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-icon-wrapper.total{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840}.stat-icon-wrapper.mobile{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.stat-icon-wrapper.desktop{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.stat-icon-wrapper.security{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.stat-content{flex-direction:column;display:flex}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:500}.stat-number{color:#f1f5f9;font-size:1.45rem;font-weight:700;line-height:1.2}.stat-number.secure{color:#34d399;font-size:1.05rem}.sessions-list-wrapper{background:var(--admin-mocha-card,#261b15e0);border:1px solid var(--admin-platinum-border,#e2e6f01f);border-radius:16px;flex-direction:column;gap:18px;padding:24px;display:flex}.sessions-list-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.sessions-list-title{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:600}.sessions-list-hint{color:#64748b;font-size:.8rem}.sessions-loading-state,.sessions-empty-state{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.sessions-spinner{border:3px solid #d8b4fe33;border-top-color:var(--admin-lavender,#d8b4fe);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite adminSpin}.sessions-cards-container{flex-direction:column;gap:14px;display:flex}.session-device-card{background:var(--admin-mocha-subcard,#17100cc7);border:1px solid var(--admin-platinum-border,#e2e6f01f);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;transition:all .25s;display:flex}.session-device-card:hover{background:var(--admin-mocha-card-hover,#30231bf2);border-color:var(--admin-lavender-border,#d8b4fe61);box-shadow:0 4px 16px #0000004d}.session-device-card.is-current-device{background:linear-gradient(135deg, #10b98114 0%, var(--admin-mocha-subcard,#17100cd9) 100%);border-color:#10b98166;box-shadow:0 0 20px #10b98114}.session-device-left{flex:1;align-items:center;gap:18px;display:flex}.session-icon-box{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.device-type-icon.mobile{color:#38bdf8}.device-type-icon.tablet{color:#c084fc}.device-type-icon.desktop{color:#34d399}.session-details{flex-direction:column;gap:6px;display:flex}.session-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.device-name{color:#f8fafc;margin:0;font-size:1.05rem;font-weight:600}.badge-current-device{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-flex}.pulse-indicator-green{background-color:#34d399;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulseDot;box-shadow:0 0 8px #34d399}.badge-other-device{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:.72rem;font-weight:500;display:inline-flex}.device-subinfo-row{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:8px;font-size:.83rem;display:flex}.device-dot-separator{color:#475569}.device-ip{color:#94a3b8;align-items:center;gap:5px;display:inline-flex}.session-meta-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:14px;font-size:.78rem;display:flex}.session-timestamp,.session-last-active{align-items:center;gap:5px;display:inline-flex}.session-device-right{flex-shrink:0;align-items:center;display:flex}.current-device-label{color:#34d399;background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.session-revoke-btn{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.session-revoke-btn:hover:not(:disabled){color:#fca5a5;background:#ef444433;border-color:#ef444473}.sessions-security-note{background:#10b9810d;border:1px solid #10b98133;border-radius:14px;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.security-note-icon{color:#34d399;flex-shrink:0;margin-top:2px}.security-note-content h5{color:#f8fafc;margin:0 0 6px;font-size:.95rem;font-weight:600}.security-note-content p{color:#94a3b8;margin:0;font-size:.84rem;line-height:1.55}.inline-settings-link{color:#38bdf8;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;display:inline}.inline-settings-link:hover{color:#7dd3fc}@media (width<=768px){.sessions-header-card{flex-direction:column;align-items:stretch;padding:18px 20px}.session-device-card{flex-direction:column;align-items:stretch;gap:16px}.session-device-right{justify-content:flex-end}.session-revoke-btn{justify-content:center;width:100%}.sessions-stats-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.sessions-stats-grid{grid-template-columns:1fr}}.admin-dashboard-root,.admin-loading-screen,.admin-modal-backdrop{--admin-mocha-darkest:#130d0a;--admin-mocha-bg:#160f0c;--admin-mocha-topbar:#1a120ef0;--admin-mocha-sidebar:#160f0cf5;--admin-mocha-card:#261b15e0;--admin-mocha-card-hover:#30231bf2;--admin-mocha-subcard:#17100cc7;--admin-mocha-input:#120c09e0;--admin-platinum-pure:#fff;--admin-platinum-text:#f5f6fa;--admin-platinum-muted:#cbd2df;--admin-platinum-dim:#939aa8;--admin-platinum-border:#e2e6f01f;--admin-platinum-border-light:#e2e6f038;--admin-lavender:#d8b4fe;--admin-lavender-light:#f3e8ff;--admin-lavender-dark:#b87cf8;--admin-lavender-glow:#d8b4fe59;--admin-lavender-chip:#d8b4fe24;--admin-lavender-chip-hover:#d8b4fe3d;--admin-lavender-border:#d8b4fe61;--admin-lavender-gradient:linear-gradient(135deg, #d8b4fe 0%, #b87cf8 60%, #9061f9 100%);--admin-lavender-gradient-hover:linear-gradient(135deg, #f3e8ff 0%, #c084fc 100%);--bg-primary:var(--admin-mocha-bg);--bg-secondary:var(--admin-mocha-subcard);--bg-card:var(--admin-mocha-card);--bg-card-hover:var(--admin-mocha-card-hover);--text-primary:var(--admin-platinum-text);--text-secondary:var(--admin-platinum-muted);--text-muted:var(--admin-platinum-dim);--accent-primary:var(--admin-lavender);--accent-cerulean:var(--admin-lavender);--accent-blue:var(--admin-lavender-light);--accent-rose:var(--admin-lavender);--accent-gradient:var(--admin-lavender-gradient);--accent-gradient-hover:var(--admin-lavender-gradient-hover);--accent-glow:var(--admin-lavender-glow);--border-subtle:var(--admin-platinum-border);--border-highlight:var(--admin-lavender-border)}.admin-dashboard-root{background-color:var(--admin-mocha-bg);min-height:100vh;color:var(--admin-platinum-text);font-family:var(--font-body);flex-direction:column;display:flex}.admin-loading-screen{background:var(--admin-mocha-bg);min-height:100vh;color:var(--admin-platinum-dim);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.admin-loading-spinner{border:3px solid #d8b4fe26;border-top-color:var(--admin-lavender);width:44px;height:44px;box-shadow:0 0 16px var(--admin-lavender-glow);border-radius:50%;animation:.8s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-topbar{background:var(--admin-mocha-topbar);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--admin-platinum-border);z-index:100;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:sticky;top:0}.admin-topbar-left{align-items:center;gap:20px;display:flex}.admin-mobile-menu-btn{color:var(--admin-platinum-muted);cursor:pointer;background:0 0;border:none;padding:6px;display:none}.admin-brand-link{text-decoration:none}.admin-brand-logo{font-family:var(--font-display);color:var(--admin-platinum-pure);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.admin-brand-accent{color:var(--admin-lavender);text-shadow:0 0 12px var(--admin-lavender-glow)}.admin-connection-status{border-radius:var(--radius-full);align-items:center;gap:8px;padding:5px 12px;font-size:.78rem;font-weight:600;display:flex}.admin-connection-status.connected{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.admin-connection-status.standalone{background:var(--admin-lavender-chip);color:var(--admin-lavender);border:1px solid var(--admin-lavender-border)}.pulse-icon{animation:2s ease-in-out infinite pulseLight}@keyframes pulseLight{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.admin-topbar-right{align-items:center;gap:12px;display:flex}.admin-topbar-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.admin-topbar-btn.preview{background:var(--admin-lavender-chip);color:var(--admin-lavender);border-color:var(--admin-lavender-border)}.admin-topbar-btn.preview:hover{background:var(--admin-lavender);color:#17100c;box-shadow:0 0 16px var(--admin-lavender-glow)}.admin-topbar-btn.backup{color:var(--admin-platinum-muted);border-color:var(--admin-platinum-border);background:#f5f6fa0f}.admin-topbar-btn.backup:hover{color:var(--admin-platinum-pure);background:#f5f6fa1f}.admin-topbar-btn.logout{color:var(--admin-platinum-dim);background:0 0}.admin-topbar-btn.logout:hover{color:#f87171;background:#ef44441a}.admin-main-container{flex:1;display:flex;position:relative}.admin-sidebar{background:var(--admin-mocha-sidebar);border-right:1px solid var(--admin-platinum-border);flex-direction:column;flex-shrink:0;width:260px;height:calc(100vh - 68px);padding:24px 16px;display:flex;position:sticky;top:68px;overflow-y:auto}.admin-sidebar-section-title{letter-spacing:.08em;color:var(--admin-platinum-dim);margin-bottom:12px;padding-left:12px;font-size:.72rem;font-weight:700}.admin-sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.admin-nav-item{border-radius:var(--radius-md);color:var(--admin-platinum-dim);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:.92rem;font-weight:600;display:flex}.admin-nav-item:hover{color:var(--admin-platinum-text);background:#f5f6fa0d}.admin-nav-item.active{background:var(--admin-lavender-chip);color:var(--admin-lavender);border-color:var(--admin-lavender-border);box-shadow:0 0 12px #d8b4fe26}.admin-nav-item.active .nav-item-icon{color:var(--admin-lavender)}.admin-sidebar-footer{margin-top:auto;padding-top:16px}.admin-quick-tip{border-radius:var(--radius-sm);color:var(--admin-platinum-muted);background:#d8b4fe14;border:1px solid #d8b4fe38;align-items:flex-start;gap:8px;padding:12px;font-size:.75rem;line-height:1.4;display:flex}.admin-quick-tip svg{color:var(--admin-lavender);flex-shrink:0;margin-top:2px}.admin-content-area{flex:1;max-width:1200px;padding:32px;overflow-y:auto}.admin-content-wrapper{max-width:900px}.admin-editor-card{background:var(--admin-mocha-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-lg);flex-direction:column;gap:28px;padding:32px;display:flex;box-shadow:0 16px 40px -12px #000000b3}.admin-editor-header{border-bottom:1px solid var(--admin-platinum-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.admin-editor-title{font-family:var(--font-display);color:var(--admin-platinum-pure);margin-bottom:6px;font-size:1.5rem;font-weight:700}.admin-editor-subtitle{color:var(--admin-platinum-dim);max-width:600px;font-size:.9rem}.admin-field-section{background:var(--admin-mocha-subcard);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-md);padding:24px}.admin-field-section-title{color:var(--admin-platinum-pure);margin-bottom:16px;font-size:1.05rem;font-weight:700}.admin-field-desc{color:var(--admin-platinum-dim);margin-bottom:16px;font-size:.85rem}.section-title-with-action{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.admin-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.flex-1{flex:1}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mb-3{margin-bottom:16px}.admin-form-group{flex-direction:column;gap:6px;display:flex}.admin-label{color:var(--admin-platinum-muted);font-size:.82rem;font-weight:600}.admin-label-sm{color:var(--admin-platinum-dim);margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.admin-input,.admin-select,.admin-textarea{background:var(--admin-mocha-input);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-sm);width:100%;color:var(--admin-platinum-pure);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:.92rem}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:var(--admin-lavender);box-shadow:0 0 0 2px var(--admin-lavender-glow)}.admin-input-compact{background:var(--admin-mocha-input);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-sm);width:100%;color:var(--admin-platinum-pure);outline:none;padding:7px 12px;font-size:.85rem}.admin-input-compact:focus{border-color:var(--admin-lavender);box-shadow:0 0 0 2px var(--admin-lavender-glow)}.admin-select-sm{background:var(--admin-mocha-input);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-sm);width:100%;color:var(--admin-platinum-pure);padding:6px 10px;font-size:.82rem}.admin-helper-text{color:var(--admin-platinum-dim);margin-top:4px;font-size:.78rem}.admin-save-btn{background:var(--admin-lavender-gradient);border-radius:var(--radius-md);color:#17100c;cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px -2px #d8b4fe73,0 0 12px #d8b4fe40}.admin-save-btn:hover:not(:disabled){background:var(--admin-lavender-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 20px -2px #d8b4fe8c,0 0 16px #d8b4fe59}.admin-save-btn:disabled{opacity:.6;cursor:not-allowed}.admin-btn-primary{background:var(--admin-lavender-gradient);border-radius:var(--radius-sm);color:#17100c;cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #d8b4fe59}.admin-btn-primary:hover:not(:disabled){background:var(--admin-lavender-gradient-hover)}.admin-btn-primary.compact{padding:6px 12px;font-size:.82rem}.admin-btn-secondary{border:1px solid var(--admin-platinum-border);border-radius:var(--radius-sm);color:var(--admin-platinum-muted);cursor:pointer;transition:all var(--transition-fast);background:#f5f6fa0f;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.admin-btn-secondary:hover{color:var(--admin-platinum-pure);background:#f5f6fa1f}.admin-btn-secondary.compact{padding:6px 10px;font-size:.8rem}.admin-btn-danger{border-radius:var(--radius-sm);color:#f87171;cursor:pointer;transition:all var(--transition-fast);background:#ef444426;border:1px solid #ef444459;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.admin-btn-danger:hover{color:#fff;background:#ef4444}.text-danger{color:#f87171!important}.admin-upload-btn{background:var(--admin-lavender-chip);border:1px dashed var(--admin-lavender-border);border-radius:var(--radius-sm);color:var(--admin-lavender);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.admin-upload-btn:hover{background:var(--admin-lavender-chip-hover)}.admin-upload-btn-compact{background:var(--admin-lavender-chip);border:1px solid var(--admin-lavender-border);border-radius:var(--radius-sm);color:var(--admin-lavender);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.file-input-inline{align-items:center;gap:8px;display:flex}.avatar-uploader-row{align-items:center;gap:24px;display:flex}.avatar-preview-box{border:2px solid var(--admin-lavender-border);background:var(--admin-mocha-darkest);border-radius:20px;flex-shrink:0;width:100px;height:100px;overflow:hidden}.avatar-preview-img{object-fit:cover;width:100%;height:100%}.avatar-controls{flex-direction:column;flex:1;gap:12px;display:flex}.avatar-upload-actions{align-items:center;gap:12px;display:flex}.admin-toast-inline{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;font-weight:600;animation:.3s fadeIn;display:flex}.admin-toast-inline.success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e59}.admin-toast-inline.error{color:#f87171;background:#ef444426;border:1px solid #ef444459}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dynamic-items-list{flex-direction:column;gap:10px;display:flex}.dynamic-item-row{background:var(--admin-mocha-subcard);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px;display:flex}.item-order-badge{color:var(--admin-platinum-dim);padding:4px 8px;font-size:.75rem;font-weight:700}.highlight-bullet-indicator{color:var(--admin-lavender);padding:0 4px;font-weight:700}.admin-item-delete-btn{color:var(--admin-platinum-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:6px}.admin-item-delete-btn:hover{color:#ef4444;background:#ef44441a}.admin-cards-editor-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.admin-card-item-box{background:var(--admin-mocha-subcard);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-md);padding:16px}.card-item-box-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-item-badge{text-transform:uppercase;color:var(--admin-lavender);letter-spacing:.05em;font-size:.75rem;font-weight:700}.skills-categories-editor{flex-direction:column;gap:16px;display:flex}.skill-cat-editor-box{background:var(--admin-mocha-subcard);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-md);padding:18px}.skill-cat-header-row{border-bottom:1px solid var(--admin-platinum-border);align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.skill-cat-header-inputs{flex:1;gap:12px;display:flex}.skill-cat-items-area{margin-top:14px}.skill-chips-cloud{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.skill-editor-chip{background:var(--admin-lavender-chip);border:1px solid var(--admin-lavender-border);border-radius:var(--radius-full);color:var(--admin-platinum-pure);align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.skill-chip-delete-btn{color:var(--admin-platinum-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.skill-chip-delete-btn:hover{color:#ef4444}.add-skill-inline-form{gap:8px;display:flex}.admin-projects-grid{flex-direction:column;gap:12px;display:flex}.admin-project-item-card{background:var(--admin-mocha-subcard);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:16px;padding:14px 18px;display:flex}.admin-project-item-card:hover{border-color:var(--admin-lavender-border)}.project-item-thumb-wrapper{border-radius:var(--radius-sm);background:var(--admin-mocha-darkest);border:1px solid var(--admin-platinum-border-light);flex-shrink:0;width:100px;height:64px;position:relative;overflow:hidden}.project-item-thumb{object-fit:cover;width:100%;height:100%}.project-item-category-pill{color:var(--admin-lavender);text-transform:uppercase;background:#140e0bd9;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:4px;left:4px}.project-item-info{flex:1;min-width:0}.project-item-title{color:var(--admin-platinum-pure);margin-bottom:4px;font-size:1rem;font-weight:700}.project-item-desc{color:var(--admin-platinum-dim);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.82rem;overflow:hidden}.project-item-tags{flex-wrap:wrap;gap:6px;display:flex}.project-item-tag-pill{border:1px solid var(--admin-platinum-border);color:var(--admin-platinum-muted);background:#f5f6fa14;border-radius:4px;padding:2px 8px;font-size:.72rem}.project-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-btn-action{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.admin-btn-action.edit{background:var(--admin-lavender-chip);color:var(--admin-lavender);border-color:var(--admin-lavender-border)}.admin-btn-action.edit:hover{background:var(--admin-lavender);color:#17100c}.admin-btn-action.delete{color:#f87171;background:#ef44441a;border-color:#ef444440;padding:6px 8px}.admin-btn-action.delete:hover{color:#fff;background:#ef4444}.project-reorder-buttons{flex-direction:column;gap:2px;display:flex}.admin-btn-icon-sm{color:var(--admin-platinum-dim);cursor:pointer;background:#f5f6fa0f;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px;display:flex}.admin-btn-icon-sm:hover:not(:disabled){color:var(--admin-platinum-pure);background:#f5f6fa24}.admin-btn-icon-sm:disabled{opacity:.3;cursor:not-allowed}.admin-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-card{background:var(--admin-mocha-panel);border:1px solid var(--admin-platinum-border-light);border-radius:var(--radius-lg);width:100%;max-width:680px;max-height:90vh;color:var(--admin-platinum-pure);padding:28px;animation:.3s modalPopIn;overflow-y:auto;box-shadow:0 24px 60px #000000e6,0 0 30px #d8b4fe1a}.admin-modal-header{border-bottom:1px solid var(--admin-platinum-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-modal-title{color:var(--admin-platinum-pure);font-size:1.25rem;font-weight:700}.admin-modal-close{color:var(--admin-platinum-dim);cursor:pointer;background:0 0;border:none;padding:4px}.admin-modal-close:hover{color:var(--admin-platinum-pure)}.project-image-selector-row{background:var(--admin-mocha-subcard);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-sm);align-items:flex-start;gap:16px;padding:12px;display:flex}.project-image-preview-thumb{border-radius:var(--radius-sm);border:1px solid var(--admin-platinum-border-light);background:var(--admin-mocha-darkest);width:110px;height:72px;overflow:hidden}.project-image-preview-thumb .thumb-img{object-fit:cover;width:100%;height:100%}.admin-modal-footer{border-top:1px solid var(--admin-platinum-border);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.backup-action-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.backup-card{background:var(--admin-mocha-subcard);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:20px;display:flex}.backup-card-icon{background:var(--admin-lavender-chip);width:44px;height:44px;color:var(--admin-lavender);border-radius:12px;justify-content:center;align-items:center;display:flex}.backup-card-title{color:var(--admin-platinum-pure);margin-bottom:4px;font-size:1rem;font-weight:700}.backup-card-desc{color:var(--admin-platinum-dim);font-size:.82rem;line-height:1.4}.danger-zone{background:#ef44440a;border-color:#ef44444d}.admin-editor-footer{border-top:1px solid var(--admin-platinum-border);justify-content:flex-end;padding-top:20px;display:flex}.admin-editor-panel,.admin-form-flow{flex-direction:column;gap:20px;display:flex}.admin-form-card{background:var(--admin-mocha-card);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-md);padding:24px}.admin-card-title{color:var(--admin-platinum-pure);margin-bottom:16px;font-size:1.15rem;font-weight:700}.admin-card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-items-stack{flex-direction:column;gap:16px;display:flex}.admin-subcard{background:var(--admin-mocha-subcard);border:1px solid var(--admin-platinum-border);border-radius:var(--radius-sm);flex-direction:column;gap:14px;padding:16px;display:flex}.admin-subcard-header{border-bottom:1px solid var(--admin-platinum-border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.admin-subcard-title-row{color:var(--admin-lavender);align-items:center;gap:8px;font-weight:600;display:flex}.admin-grid-2col{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.admin-grid-3col{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-image-upload-row{background:var(--admin-mocha-subcard);border-radius:var(--radius-sm);border:1px solid var(--admin-platinum-border);align-items:center;gap:16px;padding:12px;display:flex}.admin-thumb-box{border-radius:var(--radius-sm);background:var(--admin-mocha-darkest);border:1px solid var(--admin-platinum-border-light);flex-shrink:0;width:90px;height:64px;overflow:hidden}.admin-thumb-img{object-fit:cover;width:100%;height:100%}.admin-upload-controls{flex-direction:column;flex:1;gap:8px;display:flex}.admin-file-btn{background:var(--admin-lavender-chip);border:1px dashed var(--admin-lavender-border);border-radius:var(--radius-sm);color:var(--admin-lavender);cursor:pointer;width:fit-content;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.admin-file-btn:hover{background:var(--admin-lavender-chip-hover)}.admin-btn-icon-danger{color:var(--admin-platinum-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:flex}.admin-btn-icon-danger:hover{color:#ef4444;background:#ef44441f}.admin-form-actions{border-top:1px solid var(--admin-platinum-border);justify-content:flex-end;padding-top:16px;display:flex}.admin-btn-lg{padding:12px 24px;font-size:1rem}.admin-alert{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.88rem;display:flex}.admin-alert-success{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d}.admin-alert-error{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}@media (width<=900px){.admin-sidebar{z-index:99;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:68px;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar-backdrop{z-index:98;background:#0009;position:fixed;inset:68px 0 0}.admin-mobile-menu-btn{justify-content:center;align-items:center;display:flex}.admin-content-area{padding:20px 16px}.admin-grid-2,.admin-grid-3,.admin-grid-2col,.admin-grid-3col,.admin-cards-editor-grid,.backup-action-cards-grid{grid-template-columns:1fr}.btn-label-desktop,.admin-connection-status span{display:none}.avatar-uploader-row{flex-direction:column;align-items:flex-start}}@media (width<=640px){.admin-topbar{height:60px;padding:0 12px}.admin-sidebar{width:260px;top:60px}.admin-sidebar-backdrop{top:60px}.admin-topbar-left{gap:8px;min-width:0}.admin-brand-logo{white-space:nowrap;font-size:1.15rem}.admin-topbar-right{gap:6px}.admin-topbar-btn{padding:6px 10px;font-size:.78rem}.admin-content-area{width:100%;padding:14px 10px;overflow-x:hidden}.admin-editor-card,.admin-form-card{border-radius:var(--radius-md);padding:16px 12px}.admin-editor-header{flex-direction:column;align-items:stretch;gap:12px}.admin-save-btn,.admin-form-actions button{justify-content:center;width:100%}.admin-project-item-card{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.project-item-thumb-wrapper{width:100%;height:140px}.project-item-desc{white-space:normal}.project-item-actions{justify-content:space-between;width:100%}.admin-modal-backdrop{padding:10px}.admin-modal-card{border-radius:var(--radius-md);max-height:94vh;padding:16px 12px}.admin-modal-footer{flex-direction:column-reverse;gap:8px}.admin-modal-footer button{justify-content:center;width:100%}.project-image-selector-row{flex-direction:column;align-items:stretch;gap:10px}.project-image-preview-thumb{width:100%;height:120px}.admin-field-section{padding:14px 12px}.admin-tabs-nav{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.skill-cat-header-row{flex-direction:column;align-items:stretch;gap:10px}.skill-cat-header-inputs{flex-direction:column;gap:10px}.add-skill-inline-form{flex-direction:column;gap:8px}.add-skill-inline-form input,.add-skill-inline-form button{justify-content:center;width:100%}.admin-image-upload-row{flex-direction:column;align-items:stretch;gap:10px}.admin-thumb-box{width:100%;height:120px}.admin-file-btn{justify-content:center;width:100%}.admin-card-header-row{flex-direction:column;align-items:flex-start;gap:10px}.admin-card-header-row button{justify-content:center;width:100%}.dynamic-item-row{flex-direction:column;align-items:stretch;gap:8px}.dynamic-item-row textarea,.dynamic-item-row input{width:100%}.admin-item-delete-btn{align-self:flex-end}.section-title-with-action{flex-direction:column;align-items:flex-start;gap:8px}.section-title-with-action button{align-self:flex-start}}@media (width<=480px){.admin-topbar{height:56px;padding:0 8px}.admin-sidebar{width:240px;top:56px}.admin-sidebar-backdrop{top:56px}.admin-content-area{padding:10px 6px}.admin-editor-card,.admin-form-card{padding:12px 8px}.admin-brand-logo{font-size:1.05rem}.admin-topbar-btn{padding:5px 8px;font-size:.72rem}.admin-connection-status{background:0 0;border:none;padding:4px}}:root{--bg-primary:#050608;--bg-secondary:#0a0d14;--bg-card:#0c101ac7;--bg-card-hover:#121826e6;--bg-glass:#050608e0;--bg-chip:#ffffff0d;--bg-chip-hover:#0099ff29;--border-subtle:#ffffff14;--border-highlight:#0099ff73;--border-rose:#ff2a8573;--border-strong:#172033;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#09f;--accent-cerulean:#09f;--accent-rose:#ff2a85;--accent-secondary:#ff2a85;--accent-gradient:linear-gradient(135deg, #09f 0%, #ff2a85 100%);--accent-gradient-hover:linear-gradient(135deg, #00b4d8 0%, #ff1375 100%);--accent-gradient-alt:linear-gradient(135deg, #ff2a85 0%, #09f 100%);--accent-blue:#00c3ff;--accent-glow:#0099ff59;--accent-rose-glow:#ff2a8559;--badge-glow:#0099ff40;--shadow-sm:0 2px 10px #00000080;--shadow-md:0 8px 28px -4px #000000a6, 0 0 20px -6px #0099ff26;--shadow-lg:0 20px 48px -10px #000000d9, 0 0 35px -8px #ff2a8533;--shadow-card:0 4px 24px #00000073, 0 0 1px #ffffff14;--shadow-neon-cerulean:0 0 20px #0099ff73;--shadow-neon-rose:0 0 20px #ff2a8573;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--nav-height:72px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#edf2f7;--bg-secondary:#e2e8f0;--bg-card:#fffffff0;--bg-card-hover:#fff;--bg-glass:#edf2f7eb;--bg-chip:#2b103c0f;--bg-chip-hover:#d9770624;--border-subtle:#2b103c1f;--border-highlight:#d977068c;--border-rose:#4d146373;--border-strong:#cbd5e1;--text-primary:#230d35;--text-secondary:#4a2861;--text-muted:#74578b;--accent-primary:#d97706;--accent-cerulean:#d97706;--accent-rose:#5f147a;--accent-secondary:#5f147a;--accent-gradient:linear-gradient(135deg, #d97706 0%, #5f147a 100%);--accent-gradient-hover:linear-gradient(135deg, #f59e0b 0%, #751a94 100%);--accent-gradient-alt:linear-gradient(135deg, #5f147a 0%, #d97706 100%);--accent-blue:#f59e0b;--accent-glow:#d9770647;--accent-rose-glow:#5f147a40;--badge-glow:#d9770633;--shadow-sm:0 2px 8px #230d350f;--shadow-md:0 8px 24px -4px #230d3517, 0 0 16px -4px #d977061f;--shadow-lg:0 16px 40px -8px #230d3524, 0 0 25px -6px #5f147a1f;--shadow-card:0 4px 20px #230d3512;--shadow-neon-cerulean:0 0 16px #d977064d;--shadow-neon-rose:0 0 16px #5f147a47}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);background-image:radial-gradient(circle at 10% 12%,#0099ff14 0%,#0000 40%),radial-gradient(circle at 90% 60%,#ff2a8512 0%,#0000 45%),radial-gradient(circle at 50% 90%,#0099ff0d 0%,#0000 50%);background-attachment:fixed;font-size:1rem;line-height:1.65;overflow-x:hidden}[data-theme=light] body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 12%,#d9770614 0%,#0000 40%),radial-gradient(circle at 90% 60%,#5f147a12 0%,#0000 45%),radial-gradient(circle at 50% 90%,#d977060d 0%,#0000 50%)}::selection{color:#fff;background:#0099ff59}[data-theme=light] ::selection{color:#230d35;background:#d9770647}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cerulean);box-shadow:var(--shadow-neon-cerulean)}img{max-width:100%;display:block}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}.app-container{width:100%;max-width:100vw;padding-top:var(--nav-height);position:relative;overflow-x:hidden}.section-container{width:100%;max-width:1140px;margin:0 auto;padding:5.5rem 1.5rem}@media (width<=768px){.section-container{padding:3.5rem 1.25rem}}@media (width<=480px){.section-container{padding:2.75rem 1rem}}.section-header{text-align:center;margin-bottom:3.5rem}@media (width<=768px){.section-header{margin-bottom:2.25rem}}.section-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-rose);border-radius:var(--radius-full);background:#ff2a8514;border:1px solid #ff2a8547;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.35rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 0 16px #ff2a8526}[data-theme=light] .section-tag{box-shadow:0 0 16px var(--accent-rose-glow);background:#5f147a14;border-color:#5f147a47}@media (width<=480px){.section-tag{padding:.3rem .85rem;font-size:.78rem}}.section-title{word-break:break-word;margin-bottom:1rem;font-size:clamp(1.75rem,6.5vw,2.75rem);font-weight:800}.section-subtitle{max-width:600px;color:var(--text-muted);margin:0 auto;font-size:1.05rem}@media (width<=480px){.section-subtitle{font-size:.94rem;line-height:1.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}