:root{color-scheme:dark;font-family:Inter,Segoe UI Variable,-apple-system,SF Pro Display,sans-serif;--black: #0a0a0c;--dark-1: #0f0f12;--dark-2: #16161b;--dark-3: #1e1e25;--surface: rgba(22, 22, 27, .6);--surface-alt: rgba(30, 30, 37, .5);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--text: #f0f0f3;--text-secondary: #9a9aaa;--text-tertiary: #6b6b7a;--accent: #a78bfa;--accent-light: #c4b5fd;--accent-dark: #7c3aed;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;background:var(--black);color:var(--text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--black);background-attachment:fixed}button{font:inherit;cursor:pointer;border:none;background:none;padding:0}input{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:transparent;position:relative;isolation:isolate}.bg-wallpaper{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-image:url(/assets/wallpaper/Feuerwache.png);transform:scale(1.08);filter:blur(10px) saturate(.9) brightness(.42);z-index:0;pointer-events:none}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#05060a66,#05060ab3),radial-gradient(circle at 50% 18%,rgba(255,122,69,.22) 0%,transparent 28%),radial-gradient(circle at 78% 54%,rgba(72,163,255,.12) 0%,transparent 24%),radial-gradient(circle at 15% 85%,rgba(255,255,255,.06) 0%,transparent 24%);z-index:1;pointer-events:none}.header{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--sp-6);border-bottom:1px solid rgba(255,255,255,.05);background:#0a0a0c6b;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;user-select:none}.brand-mark{width:32px;height:32px;display:block;object-fit:contain;border-radius:999px;padding:3px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #00000038}.brand-name{font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.header-nav{display:flex;align-items:center;gap:var(--sp-4);flex:1;justify-content:center}.nav-link{appearance:none;border:none;background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:10px 2px 12px;border-radius:0;cursor:pointer;position:relative;letter-spacing:.08em;text-transform:uppercase;transition:color .2s,opacity .2s,transform .2s}.nav-link--home{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding-inline:6px;color:#ffffffe0;text-shadow:0 0 18px rgba(255,255,255,.08)}.nav-link:hover{color:var(--accent);opacity:1;transform:translateY(-1px)}.nav-link:before{content:"";position:absolute;left:0;right:0;top:4px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);opacity:0;transform:scaleX(.7);transition:opacity .18s,transform .18s}.nav-link--active{color:var(--accent)}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#c4b5fd00,#c4b5fde6,#c4b5fd00);box-shadow:0 0 18px #a78bfa59;opacity:0;transform:scaleX(.55);transition:opacity .18s,transform .18s}.nav-link:hover:before,.nav-link--active:before{opacity:1;transform:scaleX(1)}.nav-link:hover:after,.nav-link--active:after{opacity:1;transform:scaleX(1)}.nav-link--home.nav-link--active{color:#fff}.user-cluster{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.profile-menu{position:relative}.profile-menu__trigger{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:8px 10px 8px 8px;border-radius:18px;border:1px solid rgba(255,255,255,.03);background:linear-gradient(180deg,#ffffff1c,#ffffff0a),#10101657;backdrop-filter:blur(20px) saturate(1.08);box-shadow:inset 0 1px #ffffff14,0 16px 34px #00000029;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.profile-menu__trigger:hover,.profile-menu__trigger--open{border-color:#c4b5fd1a;background:linear-gradient(180deg,#ffffff24,#ffffff0d),#12121847;box-shadow:inset 0 1px #ffffff1a,0 18px 38px #00000038;transform:translateY(-1px)}.profile-menu__avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:radial-gradient(circle at 30% 25%,#ffffff52,#c4b5fd57 40%,#7c3aed2e);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.02em;box-shadow:0 0 18px #a78bfa2e}.profile-menu__identity{display:grid;gap:1px;text-align:left}.profile-menu__name{font-size:.9rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.profile-menu__role{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff7a}.profile-menu__chevron{font-size:.82rem;line-height:1;color:#ffffffb8;transition:transform .18s,color .18s}.profile-menu__trigger--open .profile-menu__chevron{transform:rotate(180deg);color:#fff}.profile-menu__popover{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;display:grid;gap:8px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0f0f1485;backdrop-filter:blur(24px) saturate(1.08);box-shadow:0 22px 52px #00000042}.profile-menu__overview{display:grid;gap:4px;padding:10px 12px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.profile-menu__overview-label{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}.profile-menu__overview-name{font-size:.95rem;letter-spacing:-.03em}.profile-menu__overview-meta{font-size:.72rem;color:var(--text-secondary)}.profile-menu__item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;border-radius:12px;color:#ffffffd6;transition:background .15s,color .15s,transform .15s}.profile-menu__item:hover{background:#ffffff0f;color:#fff;transform:translate(1px)}.profile-menu__item-icon{display:inline-flex;width:16px;justify-content:center;color:#c4b5fdeb}.auth-link{align-self:flex-start;margin-top:-2px;font-size:.74rem;letter-spacing:.05em;color:#ffffff9e;transition:color .15s,opacity .15s}.auth-link:hover{color:#fff}.auth-launcher{position:relative;display:flex;align-items:center;gap:var(--sp-3)}.auth-launcher .btn.auth-launcher__btn{height:32px;min-width:0;padding:0 6px 2px;border-radius:0;border:none;background:transparent;box-shadow:none;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;position:relative;transition:color .18s,opacity .18s,transform .18s}.auth-launcher .btn.auth-launcher__btn:before{content:"";position:absolute;left:4px;right:4px;top:6px;height:1px;border-radius:999px;background:linear-gradient(90deg,#fff0,#ffffff2e,#fff0);opacity:0;transform:scaleX(.7);transition:opacity .18s,transform .18s}.auth-launcher .btn.auth-launcher__btn:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:1px;border-radius:999px;background:linear-gradient(90deg,#fff0,#ffffff94,#fff0);opacity:0;transform:scaleX(.45);transition:opacity .18s,transform .18s,background .18s}.auth-launcher .btn.auth-launcher__btn:hover{background:transparent;box-shadow:none;transform:translateY(-1px)}.auth-launcher .btn.auth-launcher__btn:hover:before,.auth-launcher .btn.auth-launcher__btn:hover:after{opacity:1;transform:scaleX(1)}.auth-launcher .btn--secondary.auth-launcher__btn--secondary{color:#ffffff94}.auth-launcher .btn--primary.auth-launcher__btn--primary{color:#ffffffc2}.auth-launcher .btn.auth-launcher__btn--active{color:#fff}.auth-launcher .btn.auth-launcher__btn--active:before,.auth-launcher .btn.auth-launcher__btn--active:after{opacity:1;transform:scaleX(1)}.auth-launcher .btn--primary.auth-launcher__btn--active:after{background:linear-gradient(90deg,#c4b5fd00,#c4b5fde6,#c4b5fd00);box-shadow:0 0 14px #a78bfa42}.auth-launcher .btn--primary.auth-launcher__btn--primary:hover,.auth-launcher .btn--secondary.auth-launcher__btn--secondary:hover{color:#fff}.auth-popover{position:absolute;top:calc(100% + 12px);right:0;width:min(420px,calc(100vw - 24px));overflow:hidden;display:grid;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);background:#0e0e126b;backdrop-filter:blur(14px);box-shadow:0 20px 54px #0003;animation:slideInUp .22s cubic-bezier(.23,1,.32,1)}.auth-popover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07080c38,#07080c66),url(/assets/wallpaper/Feuerwache.png);background-size:cover;background-position:center;opacity:.38;transform:scale(1.08);filter:blur(8px) saturate(.86)}.auth-popover>*{position:relative;z-index:1}.auth-popover__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.auth-popover__title{margin-top:var(--sp-1)}.auth-popover__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;color:var(--text-secondary);background:#ffffff0a;transition:background .12s,color .12s,transform 80ms}.auth-popover__close:hover{color:var(--text);background:#ffffff14}.auth-popover__close:active{transform:scale(.96)}.auth-popover__tabs{margin-bottom:0}.auth-popover .panel-tabs{border-bottom-color:#ffffff0f}.auth-popover .tab-btn{color:#ffffff94}.auth-popover .tab-btn--active{color:#ffffffeb}.auth-popover .form-input{border-color:#ffffff14;background:#1e1e2542}.auth-popover .form-input:focus{background:#1e1e255c}.auth-popover .btn--primary{background:linear-gradient(135deg,#a78bfa8a,#7c3aed7a);color:#fffffff5;box-shadow:inset 0 1px #ffffff1a}.auth-popover .btn--primary:hover{box-shadow:inset 0 1px #ffffff1f,0 10px 24px #5c33bf2e}.user-info{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface)}.user-info__name{font-size:.8rem;font-weight:500;color:var(--text)}.user-info__email{font-size:.7rem;color:var(--text-secondary)}.action-btn-mini{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s,transform 80ms}.action-btn-mini:hover{background:#ffffff14;border-color:var(--accent)}.action-btn-mini:active{transform:scale(.94)}.main-content{flex:1;display:flex;flex-direction:column;width:100%;max-width:1280px;margin:0 auto;padding:var(--sp-8) var(--sp-6) calc(var(--sp-8) * 2);position:relative;z-index:10;gap:calc(var(--sp-8) * 1.2)}.content-section{display:grid;gap:var(--sp-6);scroll-margin-top:88px}.content-section--page-two{padding:var(--sp-7) 0 var(--sp-8)}.content-section--admin-page,.content-section--profile-page{padding:var(--sp-4) 0 var(--sp-8)}.profile-layout{display:grid;gap:var(--sp-5);max-width:760px}.admin-layout{display:grid;gap:var(--sp-5)}.admin-accounts-list{display:grid;gap:var(--sp-3)}.admin-account-card{display:grid;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.admin-account-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.admin-account-card__head h3{margin-bottom:4px;font-size:1rem}.admin-account-card__head p{color:var(--text-secondary)}.admin-account-card__badges{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.admin-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;background:#ffffff0f;color:#ffffffb8;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-badge--ok{background:#4ade801f;color:#9be7b0}.admin-badge--accent{background:#a78bfa24;color:#d7c8ff}.admin-account-card__meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);color:var(--text-tertiary);font-size:.78rem}.hero-stack{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:var(--sp-5);align-items:stretch}.hero-panel{border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);background:#12121880;backdrop-filter:blur(18px);box-shadow:0 24px 64px #0000002e}.hero-panel--lead{display:grid;gap:var(--sp-5);padding:var(--sp-7)}.hero-panel--metrics{display:grid;gap:var(--sp-4);padding:var(--sp-5)}.signal-card{display:grid;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);background:#ffffff0a}.signal-card__label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.signal-card__value{font-size:1rem;font-weight:700;color:var(--text)}.signal-card__meta{font-size:.84rem;line-height:1.6;color:var(--text-secondary)}.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.feature-card{display:grid;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#1111166b;backdrop-filter:blur(14px)}.feature-card__index{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff6b}.feature-card h2{font-size:1.05rem;letter-spacing:-.02em}.feature-card p{color:var(--text-secondary);line-height:1.7}.section-head{display:grid;gap:var(--sp-3);max-width:780px}.section-head__eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light)}.section-head__title{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em}.section-head__copy{font-size:.98rem;line-height:1.75;color:var(--text-secondary)}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.showcase-card{display:grid;gap:var(--sp-3);min-height:220px;padding:var(--sp-6);border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff17,#ffffff08),#10111870;backdrop-filter:blur(18px);box-shadow:0 26px 56px #00000038}.showcase-card__tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff7a}.showcase-card h3{font-size:1.2rem;letter-spacing:-.02em}.showcase-card p{line-height:1.7;color:var(--text-secondary)}.timeline-shell{position:relative;display:grid;gap:var(--sp-5);padding:var(--sp-6);border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#0f101580;backdrop-filter:blur(16px)}.timeline-line{position:absolute;top:42px;bottom:42px;left:31px;width:1px;background:linear-gradient(180deg,#c4b5fd1a,#c4b5fdcc,#c4b5fd14)}.timeline-step{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--sp-4);align-items:start}.timeline-step__point{width:14px;height:14px;margin-top:4px;border-radius:999px;background:radial-gradient(circle,#fffffff2,#c4b5fde6 35%,#7c3aed9e);box-shadow:0 0 18px #a78bfa73}.timeline-step__label{display:block;margin-bottom:var(--sp-1);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff7a}.timeline-step h3{margin-bottom:var(--sp-2);font-size:1.06rem}.timeline-step p{line-height:1.72;color:var(--text-secondary)}.reveal-on-scroll{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .65s cubic-bezier(.23,1,.32,1),transform .65s cubic-bezier(.23,1,.32,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1)}.hero{display:grid;gap:var(--sp-5);margin-bottom:var(--sp-8);padding:var(--sp-7) var(--sp-6);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(16px)}.hero-kicker{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.hero-title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.hero-subtitle{font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-secondary);max-width:600px}.hero-ctas{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-top:var(--sp-4)}.panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--sp-5);width:100%}.panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(14px);overflow:hidden;transition:background .2s cubic-bezier(.23,1,.32,1),border-color .2s,transform .2s,box-shadow .2s}.panel:hover{background:var(--surface-alt);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 20px 40px #a78bfa26}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.panel-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.panel-title{font-size:1.1rem;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-top:var(--sp-1)}.panel-body{display:grid;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6)}.panel-tabs{display:flex;gap:var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-5)}.tab-btn{appearance:none;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:var(--sp-2) var(--sp-3);cursor:pointer;position:relative;transition:color .12s}.tab-btn--active{color:var(--accent)}.tab-btn--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.form-group{display:grid;gap:var(--sp-2)}.form-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.form-input{width:100%;height:36px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--dark-3);color:var(--text);font:inherit;font-size:.85rem;outline:none;transition:border-color .12s,box-shadow .15s,background .12s}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #a78bfa2e,inset 0 0 0 1px #a78bfa33;background:#1e1e25e6}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:background .15s cubic-bezier(.23,1,.32,1),transform 80ms,box-shadow .15s}.btn:disabled{opacity:.5;pointer-events:none}.btn:active:not(:disabled){transform:scale(.96)}.btn--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#000;font-weight:700}.btn--primary:hover{box-shadow:0 10px 32px #a78bfa4d;transform:translateY(-1px)}.btn--secondary{background:#ffffff14;color:var(--text);border:1px solid var(--border)}.btn--secondary:hover{background:#ffffff1f;border-color:var(--accent);color:var(--accent)}.btn--tertiary{background:transparent;color:var(--text-secondary)}.btn--tertiary:hover{color:var(--text)}.info-row{display:grid;gap:var(--sp-3)}.info-item{display:grid;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:#1e1e2580;border:1px solid var(--border)}.info-item__label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.info-item__value{font-size:.9rem;font-weight:500;color:var(--text)}.connections-grid{display:grid;gap:var(--sp-3)}.connection-tile{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border);background:#1e1e2566;transition:background .15s,border-color .15s}.connection-tile--ok{border-color:#4ade8040}.connection-tile--error{border-color:#fb923c40}.connection-tile__label{font-size:.8rem;color:var(--text-secondary)}.connection-tile__value{font-size:.8rem;font-weight:600;color:var(--text)}.auth-form{display:grid;gap:var(--sp-4)}.feedback{font-size:.8rem;color:var(--text-secondary);min-height:1.2em;line-height:1.4}.feedback--error{color:#fb923c}.feedback--success{color:#4ade80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-in-left{animation:slideInLeft .5s cubic-bezier(.23,1,.32,1)}.animate-slide-in-up{animation:slideInUp .5s cubic-bezier(.23,1,.32,1)}@media(max-width:1024px){.main-content{padding:var(--sp-6) var(--sp-4) calc(var(--sp-8) * 1.5)}.hero-stack,.feature-strip,.showcase-grid,.admin-account-card__head{grid-template-columns:1fr}.hero{padding:var(--sp-5) var(--sp-4)}.panels-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-4)}.header{padding:0 var(--sp-4)}}@media(max-width:640px){.header-nav{display:none}.user-cluster{gap:var(--sp-2)}.profile-menu,.profile-menu__trigger{width:100%}.profile-menu__popover{left:0;right:0;min-width:0}.auth-launcher{gap:var(--sp-2)}.auth-popover{position:fixed;top:68px;right:12px;left:12px;width:auto}.user-info{flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.main-content{padding:var(--sp-5) var(--sp-3)}.content-section{gap:var(--sp-4)}.hero-panel--lead,.hero-panel--metrics,.feature-card,.showcase-card,.timeline-shell{padding:var(--sp-4)}.hero{padding:var(--sp-4) var(--sp-3);gap:var(--sp-4)}.hero-title{font-size:clamp(1.5rem,4vw,2.4rem)}.panels-grid{grid-template-columns:1fr}.admin-account-card__head,.admin-account-card__meta{display:grid;gap:var(--sp-2)}.timeline-shell{padding-left:var(--sp-5)}.timeline-line{left:23px;top:30px;bottom:30px}.timeline-step{grid-template-columns:16px minmax(0,1fr);gap:var(--sp-3)}.panel-header,.panel-body{padding:var(--sp-4)}.btn{width:100%;justify-content:center}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%}}