:root{--bg: #0f1113;--panel: #171a1d;--panel-2: #202326;--text: #f5f5f5;--muted: #b8b8b8;--accent: #ffc400;--accent-hover: #ffd633;--border: rgba(255, 255, 255, .08);--accent-border: rgba(255, 196, 0, .45);--resume-bg: var(--bg);--resume-surface: var(--panel);--resume-text: var(--text);--resume-muted: var(--muted);--resume-accent: var(--accent);--resume-accent-hover: var(--accent-hover);--resume-border: var(--border)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}app-root{display:block;min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.section-label{margin:0 0 1rem;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel-card{width:100%;background:linear-gradient(145deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:16px;padding:clamp(1.25rem,2vw,1.5rem);transition:border-color .2s ease,box-shadow .2s ease}.panel-card:hover{border-color:var(--accent-border);box-shadow:0 8px 32px #00000040}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}