.about-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-24) var(--space-6);padding-top:80px;position:relative;background:linear-gradient(160deg,var(--color-bg) 55%,var(--color-hero-tint) 100%)}[data-theme=dark] .about-section{background:linear-gradient(160deg,var(--color-bg) 55%,var(--color-hero-tint-dark) 100%)}.hero-content{max-width:640px;width:100%}.hero-label{font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.hero-name{font-size:clamp(2.8rem,7vw,5rem);font-weight:700;letter-spacing:-.03em;color:var(--color-text);line-height:1.05;margin-bottom:var(--space-4)}.hero-role{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:300;color:var(--color-text-muted);min-height:2.2em;display:flex;justify-content:center;align-items:center}.cursor{display:inline-block;width:2px;height:1em;background:var(--color-accent);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:2px;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{max-width:480px;color:var(--color-text-muted);margin:var(--space-6) auto;line-height:1.75;font-size:.95rem}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-top:var(--space-6)}.cta-outline{border:1.5px solid var(--color-accent);color:var(--color-accent);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;letter-spacing:.03em;transition:background var(--transition),color var(--transition)}.cta-outline:hover{background:var(--color-accent);color:var(--color-white)}.cta-ghost{border:1.5px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;letter-spacing:.03em;transition:border-color var(--transition),color var(--transition)}.cta-ghost:hover{border-color:var(--color-text-muted);color:var(--color-text)}.scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);color:var(--color-text-muted);font-size:1.1rem;animation:bounce 2s ease-in-out infinite;transition:color var(--transition)}.scroll-indicator:hover{color:var(--color-accent)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}@media (max-width: 768px){.hero-name{font-size:clamp(2.2rem,6vw,3.5rem)}.hero-actions{flex-direction:column;align-items:center}}@media (max-width: 640px){.about-section{padding:var(--space-20) var(--space-4);padding-top:80px}}.skill-section{background:var(--color-bg)}.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.skill-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition),transform var(--transition)}.skill-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.skill-group{width:100%}.skill-group-title{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4)}.skill-empty{font-size:.875rem;color:var(--color-text-muted)}.skill-list{display:flex;flex-direction:column;gap:var(--space-4)}.skill-item{display:flex;flex-direction:column;gap:var(--space-2)}.skill-label{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:.875rem;font-weight:500;color:var(--color-text)}.skill-pct{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.skill-track{height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.skill-fill{height:100%;width:0;background:var(--color-accent);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.skill-item[data-visible] .skill-fill{width:var(--fill-width)}.filter-pills{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}.filter-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:none;color:var(--color-text-muted);font-size:.8rem;font-weight:500;transition:background var(--transition),color var(--transition),border-color var(--transition)}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.contact-section{background:var(--color-bg)}.contact-form{max-width:480px;margin:0 auto}.field-wrap{position:relative;margin-bottom:var(--space-6)}.field-wrap label{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);font-size:.875rem;color:var(--color-text-muted);pointer-events:none;transition:top .2s ease,font-size .2s ease,color .2s ease,background .2s ease;padding:0 var(--space-1)}.field-wrap--textarea label{top:var(--space-4);transform:none}.field-wrap.has-value label,.field-wrap:focus-within label{top:-.55em;font-size:.75rem;color:var(--color-accent);background:var(--color-bg)}.field-wrap--textarea.has-value label,.field-wrap--textarea:focus-within label{top:-.55em}.field-wrap input,.field-wrap textarea{width:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:.95rem;transition:border-color var(--transition);outline:none}.field-wrap input:focus,.field-wrap textarea:focus{border-color:var(--color-accent)}.field-wrap textarea{min-height:140px;resize:vertical}.submit-btn{width:100%;padding:var(--space-4);background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;letter-spacing:.02em;transition:background var(--transition),opacity var(--transition)}.submit-btn:hover{background:var(--color-accent-hover)}.submit-btn:active{opacity:.85}.experience-section{background:var(--color-bg-alt)}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:var(--color-border)}.timeline-item{position:relative;margin-bottom:var(--space-4)}.timeline-dot{position:absolute;left:calc(-1 * var(--space-8) + 5px);top:20px;width:10px;height:10px;border-radius:50%;background:var(--color-border);border:2px solid var(--color-bg-alt);transition:background var(--transition),transform var(--transition);z-index:1}.timeline-item.expanded .timeline-dot{background:var(--color-accent);transform:scale(1.3)}.timeline-item:hover .timeline-dot{background:var(--color-accent)}.timeline-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}.timeline-item:hover .timeline-content,.timeline-item.expanded .timeline-content{border-color:var(--color-accent)}.timeline-header{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4) var(--space-5);text-align:left;gap:var(--space-4);transition:background var(--transition)}.timeline-header:hover{background:var(--color-bg-alt)}.timeline-header-info{display:flex;flex-direction:column;gap:var(--space-1)}.timeline-company{font-size:.95rem;font-weight:600;color:var(--color-text)}.timeline-role{font-size:.875rem;color:var(--color-text-muted)}.timeline-period{font-size:.75rem;color:var(--color-accent);font-weight:500;letter-spacing:.02em}.timeline-chevron{font-size:1.2rem;font-weight:300;color:var(--color-text-muted);flex-shrink:0;line-height:1;padding-top:4px}.timeline-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.timeline-body.open{max-height:400px}.timeline-body ul{padding:0 var(--space-5) var(--space-4)}.timeline-body li{padding:var(--space-2) 0;font-size:.875rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);line-height:1.55}.timeline-body li:last-child{border-bottom:none}@media (max-width: 640px){.timeline{padding-left:var(--space-6)}.timeline-dot{left:calc(-1 * var(--space-6) + 5px)}}footer{border-top:1px solid var(--color-border);background:var(--color-bg);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.social-media-list{display:flex;gap:var(--space-6)}.social-media-list a{color:var(--color-text-muted);font-size:1.25rem;transition:color var(--transition),transform var(--transition);display:block}.social-media-list a:hover{color:var(--color-accent);transform:translateY(-2px)}.footer-note{font-size:.75rem;color:var(--color-text-muted);letter-spacing:.04em}header{position:fixed;top:0;left:0;right:0;z-index:100}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--color-accent);transition:width 80ms linear;z-index:101;pointer-events:none}.topnav-section{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:60px;background:transparent;transition:background var(--transition),box-shadow var(--transition)}.topnav-section.scrolled{background:#fefefed9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-border)}[data-theme=dark] .topnav-section.scrolled{background:#0a0a0ad9}.nav-logo{font-size:1.05rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-links a{font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;position:relative;padding-bottom:2px;transition:color var(--transition)}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.nav-links a:hover{color:var(--color-text)}.nav-links a:hover:after{transform:scaleX(1)}.dark-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);color:var(--color-text);font-size:.875rem;transition:background var(--transition),border-color var(--transition);line-height:1.6;display:flex;align-items:center}.dark-toggle:hover{background:var(--color-bg-alt);border-color:var(--color-text-muted)}.nav-toggle{display:none;background:none;border:none;color:var(--color-text);font-size:1.2rem;padding:var(--space-2);line-height:1}@media (max-width: 640px){.nav-links{display:none;flex-direction:column;align-items:flex-start;gap:0;position:absolute;top:60px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-6) var(--space-4);box-shadow:var(--shadow-md);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.topnav-section.responsive .nav-links{display:flex}.nav-links a{padding:var(--space-3) 0;width:100%;font-size:.95rem;border-bottom:1px solid var(--color-border)}.nav-links a:after{display:none}.dark-toggle{margin-top:var(--space-3)}.nav-toggle{display:block}}.portfolio-section{background:var(--color-bg-alt)}.portfolio-container{max-width:960px}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),transform var(--transition)}.project-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.img-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 9}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .portfolio-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.overlay-desc{font-size:.8rem;color:var(--color-overlay-text);line-height:1.5;margin-bottom:var(--space-3)}.overlay-link{font-size:.8rem;font-weight:600;color:var(--color-white);letter-spacing:.03em;transition:color var(--transition);width:fit-content}.overlay-link:hover{color:var(--color-accent)}.project-card-body{padding:var(--space-4) var(--space-4) var(--space-3)}.project-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{font-size:.7rem;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-alt);color:var(--color-text-muted);border:1px solid var(--color-border);font-weight:500}@media (max-width: 768px){.portfolio-container{max-width:100%}}@media (max-width: 640px){.projects{grid-template-columns:1fr}}.admin-shell{display:flex;min-height:100vh;background:var(--color-bg);font-family:var(--font-sans)}.admin-sidebar{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-6) 0;position:fixed;top:0;left:0;height:100vh;z-index:10}.admin-logo{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.admin-nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-3);flex:1}.admin-nav a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:background var(--transition),color var(--transition);text-decoration:none}.admin-nav a:hover{background:var(--color-bg-alt);color:var(--color-text)}.admin-nav a.active{background:var(--color-accent);color:var(--color-white)}.admin-nav-footer{padding:var(--space-4) var(--space-5) 0;border-top:1px solid var(--color-border)}.admin-nav-footer a{font-size:.8rem;color:var(--color-text-muted)}.admin-main{margin-left:220px;flex:1;padding:var(--space-8) var(--space-8);max-width:900px}.admin-page-title{font-size:1.4rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.admin-page-subtitle{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-6)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.admin-card-title{font-size:.95rem;font-weight:600;color:var(--color-text)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.admin-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--color-accent);line-height:1}.admin-stat-label{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--space-1)}.admin-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.admin-status-badge.connected{background:#d1fae5;color:#065f46}.admin-status-badge.fallback{background:#fef3c7;color:#92400e}[data-theme=dark] .admin-status-badge.connected{background:#064e3b;color:#6ee7b7}[data-theme=dark] .admin-status-badge.fallback{background:#451a03;color:#fcd34d}.admin-form{display:flex;flex-direction:column;gap:var(--space-4)}.admin-field{display:flex;flex-direction:column;gap:var(--space-2)}.admin-field label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.admin-field input,.admin-field textarea,.admin-field select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:.9rem;transition:border-color var(--transition);outline:none}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--color-accent)}.admin-field textarea{min-height:90px;resize:vertical}.admin-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.admin-field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background var(--transition),opacity var(--transition);font-family:var(--font-sans)}.btn-primary{background:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-danger{background:#fee2e2;color:#b91c1c}.btn-danger:hover{background:#fecaca}[data-theme=dark] .btn-danger{background:#450a0a;color:#fca5a5}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8rem}.btn-icon{padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;font-size:.8rem}.btn-icon:hover{color:var(--color-accent);border-color:var(--color-accent)}.admin-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.admin-list-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.admin-list-item-info{flex:1;min-width:0}.admin-list-item-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.admin-list-item-sub{font-size:.8rem;color:var(--color-text-muted)}.admin-list-item-actions{display:flex;gap:var(--space-2);flex-shrink:0}.admin-list-item-body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.tags-editor{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-height:42px}.tags-editor:focus-within{border-color:var(--color-accent)}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.tag-chip button{background:none;border:none;padding:0;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;line-height:1}.tag-chip button:hover{color:#b91c1c}.tag-input{border:none!important;background:transparent!important;padding:2px var(--space-1)!important;font-size:.85rem!important;min-width:80px;outline:none;color:var(--color-text)}.array-editor{display:flex;flex-direction:column;gap:var(--space-2)}.array-item{display:flex;gap:var(--space-2);align-items:center}.array-item input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.875rem;outline:none;font-family:var(--font-sans)}.array-item input:focus{border-color:var(--color-accent)}.rating-input{display:flex;gap:var(--space-1)}.rating-star{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:0;transition:transform .1s}.rating-star:hover{transform:scale(1.2)}.img-preview{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:var(--space-2);background:var(--color-bg-alt)}.img-preview-placeholder{width:100%;height:120px;border-radius:var(--radius-md);border:1px dashed var(--color-border);margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.8rem}.admin-save-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.admin-save-msg{font-size:.8rem;color:#059669}.skill-table{width:100%;border-collapse:collapse}.skill-table th{text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.skill-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:.875rem;vertical-align:middle}.skill-table tr:last-child td{border-bottom:none}.skill-table input[type=text]{width:100%;padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:var(--font-sans);font-size:.875rem;outline:none}.skill-table input[type=text]:focus{border-color:var(--color-accent);background:var(--color-bg)}.admin-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted);font-size:.875rem}.toaster{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #00000026;animation:toast-in .2s ease}.toast-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast-info{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}[data-theme=dark] .toast-success{background:#064e3b;color:#6ee7b7;border-color:#065f46}[data-theme=dark] .toast-error{background:#450a0a;color:#fca5a5;border-color:#7f1d1d}[data-theme=dark] .toast-info{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.toast-icon{font-size:.85rem;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-6)}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:360px;width:100%;box-shadow:0 8px 32px #0003}.modal-message{font-size:.95rem;color:var(--color-text);margin:0 0 var(--space-5);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.admin-page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12) 0}.admin-login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-6)}.admin-login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-4)}.admin-login-logo{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.admin-login-title{font-size:1.4rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.admin-login-sub{font-size:.875rem;color:var(--color-text-muted);margin:0 0 var(--space-2)}.admin-login-error{font-size:.8rem;color:#b91c1c}[data-theme=dark] .admin-login-error{color:#fca5a5}.admin-login-warning{font-size:.78rem;padding:var(--space-2) var(--space-3);background:#fef3c7;color:#92400e;border-radius:var(--radius-md);border:1px solid #fde68a}[data-theme=dark] .admin-login-warning{background:#451a03;color:#fcd34d;border-color:#78350f}.admin-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.admin-loading-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.admin-login-btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);margin-top:var(--space-2)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.admin-login-card.shake{animation:shake .45s ease}.admin-signout-btn{display:block;width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:border-color var(--transition),color var(--transition)}.admin-signout-btn:hover{border-color:#b91c1c;color:#b91c1c}[data-theme=dark] .admin-signout-btn:hover{border-color:#fca5a5;color:#fca5a5}.admin-mobile-header{display:none}.admin-hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md)}.admin-hamburger span{display:block;width:20px;height:2px;background:var(--color-text);border-radius:2px;transition:background var(--transition)}.admin-hamburger:hover span{background:var(--color-accent)}.admin-sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.admin-sidebar-top .admin-logo{padding:0;border:0;margin:0}.admin-sidebar-close{display:none;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1rem;padding:var(--space-1);border-radius:var(--radius-sm);line-height:1}.admin-sidebar-close:hover{color:var(--color-text)}.admin-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:25;opacity:0;transition:opacity .25s ease}.admin-sidebar-overlay.is-open{opacity:1}@media (max-width: 768px){.admin-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);height:52px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:20}.admin-sidebar{width:280px;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:30}.admin-sidebar.is-open{transform:translate(0)}.admin-sidebar-overlay{display:block;pointer-events:none}.admin-sidebar-overlay.is-open{pointer-events:auto}.admin-sidebar-close{display:block}.admin-logo{border-bottom:none;padding-bottom:0;margin-bottom:0}.admin-main{margin-left:0;padding:var(--space-5) var(--space-4);padding-top:calc(52px + var(--space-5));max-width:100%}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-field-row,.admin-field-row-3{grid-template-columns:1fr}.admin-card{overflow-x:auto}.skill-table{min-width:420px}@media (max-width: 420px){.admin-list-item-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.toaster{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{width:100%}.admin-save-bar{flex-direction:column-reverse;align-items:stretch}.admin-save-bar .btn{justify-content:center}}:root{--color-bg: #fefefe;--color-bg-alt: #f5f5f5;--color-surface: #ffffff;--color-border: #e5e5e5;--color-text: #0a0a0a;--color-text-muted: #6b7280;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--font-sans: "Inter", "Quicksand", system-ui, -apple-system, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--transition: .2s ease;--transition-slow: .4s ease;--color-white: #ffffff;--color-hero-tint: #f0f0ff;--color-hero-tint-dark: #0d0d1a;--color-overlay: rgba(10, 10, 10, .82);--color-overlay-text: rgba(255, 255, 255, .85)}[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-alt: #111111;--color-surface: #1a1a1a;--color-border: #2a2a2a;--color-text: #fefefe;--color-text-muted: #9ca3af;--color-accent: #818cf8;--color-accent-hover: #6366f1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;transition:background-color var(--transition),color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.2}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}button{font-family:var(--font-sans);cursor:pointer}ul{list-style:none}.section-container{max-width:800px;margin:0 auto;padding:var(--space-16) var(--space-6)}.section-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:var(--space-2);color:var(--color-text);letter-spacing:-.02em}.section-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-8);font-size:.95rem}@keyframes reveal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal-in .5s ease both;animation-play-state:paused}.reveal[data-visible]{animation-play-state:running}