:root{--brand-logo-bg: #2e3440;--brand-logo-accent: #88c0d0;--color-nord-frost-1: #8fbcbb;--color-nord-frost-2: #88c0d0;--color-nord-frost-3: #81a1c1;--color-nord-frost-4: #5e81ac;--color-primary: #5e81ac;--color-primary-hover: #4c6b93;--color-secondary: #88c0d0;--color-background: #f4f6fa;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-glass-bg: rgba(255, 255, 255, .75);--color-glass-border: rgba(46, 52, 64, .12);--color-on-background: #2e3440;--color-on-surface: #2e3440;--color-border: rgba(46, 52, 64, .12);--color-accent-badge-bg: rgba(136, 192, 208, .18);--color-accent-badge-text: #2e3440;--color-card-shadow: rgba(46, 52, 64, .08)}body.dark-theme{--color-primary: #88c0d0;--color-primary-hover: #8fbcbb;--color-secondary: #81a1c1;--color-background: #1b1e25;--color-surface: #2e3440;--color-surface-elevated: #3b4252;--color-glass-bg: rgba(46, 52, 64, .65);--color-glass-border: rgba(216, 222, 233, .15);--color-on-background: #eceff4;--color-on-surface: #e5e9f0;--color-border: rgba(216, 222, 233, .14);--color-accent-badge-bg: rgba(136, 192, 208, .2);--color-accent-badge-text: #88c0d0;--color-card-shadow: rgba(0, 0, 0, .35)}body{background-color:var(--color-background);color:var(--color-on-background);margin:0;padding:0;transition:background-color .3s ease,color .3s ease;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border)}h1,h2,h3,h4,h5,h6{font-weight:500;margin-top:0}.terminal-text{font-family:Fira Code,monospace}app-button{display:inline-block}app-button a.btn,app-button button.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:24px;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;gap:.5rem;text-decoration:none!important;line-height:1.2;box-sizing:border-box}app-button a.btn.primary,app-button button.btn.primary{background-color:var(--color-primary)!important;color:#fff!important;box-shadow:0 2px 6px #00000026}body.dark-theme app-button a.btn.primary,body.dark-theme app-button button.btn.primary{color:#2e3440!important;font-weight:600}app-button a.btn.primary *,app-button a.btn.primary span,app-button a.btn.primary .material-icons,app-button button.btn.primary *,app-button button.btn.primary span,app-button button.btn.primary .material-icons{color:inherit!important;display:inline-flex;align-items:center}app-button a.btn.primary:hover:not(.disabled),app-button button.btn.primary:hover:not(.disabled){filter:brightness(.95);box-shadow:0 4px 12px #0003}app-button a.btn.secondary,app-button button.btn.secondary{background-color:var(--color-surface)!important;color:var(--color-primary)!important;border:1px solid var(--color-border)}app-button a.btn.secondary *,app-button a.btn.secondary span,app-button a.btn.secondary .material-icons,app-button button.btn.secondary *,app-button button.btn.secondary span,app-button button.btn.secondary .material-icons{color:inherit!important}app-button a.btn.outlined,app-button button.btn.outlined{background-color:transparent!important;color:var(--color-primary)!important;border:1px solid var(--color-primary)}app-button a.btn.outlined *,app-button a.btn.outlined span,app-button a.btn.outlined .material-icons,app-button button.btn.outlined *,app-button button.btn.outlined span,app-button button.btn.outlined .material-icons{color:inherit!important}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.skip-link{position:absolute;top:-100px;left:0;padding:1rem;background:var(--color-primary);color:#fff;z-index:2000;transition:top .2s;text-decoration:none}.skip-link:focus{top:0}main[tabindex="-1"]:focus{outline:none}
