:root{color-scheme:light;--color-bg:#f5f7fb;--color-surface:#fff;--color-text:#17243b;--color-muted:#65738a;--color-border:#e1e7f0;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-dark:#102347;--color-focus:#f59e0b;--color-success-bg:#e8f8ef;--color-success-text:#17633b;--color-success-border:#a8e4bf;--color-error-bg:#fff0f0;--color-error-text:#a12828;--color-error-border:#f3b6b6;--color-info-bg:#edf4ff;--color-info-text:#17428b;--color-info-border:#c5d9ff;--color-badge-active-bg:#dcfce7;--color-badge-active-text:#166534;--color-badge-upcoming-bg:#fff3d6;--color-badge-upcoming-text:#854d0e;--color-badge-closed-bg:#edf0f5;--color-badge-closed-text:#475569;--font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--radius:.9rem;--radius-lg:1.25rem;--shadow:0 8px 24px rgb(16 35 71 / .06);--shadow-hover:0 18px 42px rgb(16 35 71 / .12);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--container-width:74rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-family);font-size:1rem;line-height:1.65;color:var(--color-text);background:radial-gradient(ellipse at 8% 0%,rgb(219 234 254 / .45),transparent 34rem),var(--color-bg);-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;flex:1}h1,h2,h3{font-family:var(--font-display);line-height:1.2;letter-spacing:-.035em;margin:0 0 var(--space-3);color:var(--color-text)}h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:800}h2{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800}h3{font-size:1.12rem;font-weight:750}p{margin:0 0 var(--space-3)}a{color:var(--color-primary);text-decoration:none;text-underline-offset:.2em}a:hover{color:var(--color-primary-hover)}button,input,textarea,select{font:inherit}button{touch-action:manipulation}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}.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}.skip-link{position:absolute;top:-4rem;left:1rem;z-index:100;padding:.65rem 1rem;background:var(--color-primary-dark);color:#fff;border-radius:.7rem}.skip-link:focus{top:.5rem}.muted{color:var(--color-muted)}::selection{background:#cfe0ff;color:#102347}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-header{position:sticky;top:0;z-index:20;background:#102347f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;border-bottom:1px solid rgb(255 255 255 / .1);box-shadow:0 4px 22px #0818331f}.site-header__inner{display:flex;align-items:center;gap:1.15rem 2rem;padding-block:.9rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-size:1.22rem;font-weight:800;letter-spacing:-.04em;color:#fff;text-decoration:none;white-space:nowrap}.brand:before{content:"V";display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.75rem;background:linear-gradient(145deg,#60a5fa,#2563eb);color:#fff;font-size:1.05rem;box-shadow:0 5px 14px #2563eb59}.brand:hover{color:#fff}.nav{display:flex;flex:1;align-items:center;flex-wrap:wrap;gap:.3rem}.nav__link{display:inline-flex;align-items:center;justify-content:center;padding:.62rem .85rem;color:#d7e2f4;border-radius:.7rem;text-decoration:none;font-size:.92rem;font-weight:600;transition:background .18s,color .18s}.nav__link:hover{background:#ffffff1a;color:#fff}.nav__link--active{background:#60a5fa2e;color:#fff;box-shadow:inset 0 0 0 1px #93c5fd33}.site-header__account{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.7rem}.site-header__user{font-size:.9rem;font-weight:600;color:#e2eaf8}.main{flex:1;padding-block:clamp(2rem,4vw,3.5rem)}.main:focus{outline:none}.site-footer{margin-top:2rem;background:#0c1b36;color:#c5d2e7;padding-block:1.5rem;font-size:.875rem}.site-footer p{margin:0}.site-footer .container{display:flex;justify-content:center;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.8rem;padding:.72rem 1.15rem;font:inherit;font-size:.94rem;font-weight:700;line-height:1.2;text-decoration:none;border:1px solid transparent;border-radius:.75rem;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px #1023471f}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 5px 12px #2563eb2e}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);color:#fff}.btn--secondary{background:#fff;color:var(--color-primary-dark);border-color:#d5deeb}.btn--secondary:hover:not(:disabled){background:#f3f7ff;color:var(--color-primary-dark);border-color:#b9cdf4}.btn--danger{background:#b91c1c;color:#fff}.btn--danger:hover:not(:disabled){background:#991b1b;color:#fff}.btn--light{background:#fff;color:#17315b}.btn--light:hover:not(:disabled){background:#edf4ff;color:#17315b}.btn--outline-light{background:transparent;color:#fff;border-color:#ffffff8c}.btn--outline-light:hover:not(:disabled){background:#ffffff1f;color:#fff}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.card{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1.15rem,2.5vw,1.6rem);transition:transform .2s,border-color .2s,box-shadow .2s}.card__title{margin-bottom:.55rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.76rem;line-height:1.35;font-weight:750;border-radius:999px;letter-spacing:.01em}.badge--active{background:var(--color-badge-active-bg);color:var(--color-badge-active-text)}.badge--upcoming{background:var(--color-badge-upcoming-bg);color:var(--color-badge-upcoming-text)}.badge--closed{background:var(--color-badge-closed-bg);color:var(--color-badge-closed-text)}.badge--voted{background:var(--color-info-bg);color:var(--color-info-text)}.alert{padding:.95rem 1.1rem;border:1px solid;border-radius:.85rem}.alert p:last-child{margin-bottom:0}.alert--info{background:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.alert--info a{color:var(--color-info-text);text-decoration:underline}.alert--success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.alert--error{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-border)}.loading{display:flex;align-items:center;gap:.8rem;padding:3rem 0;color:var(--color-muted)}.spinner{width:1.45rem;height:1.45rem;border:3px solid #dce6f5;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 1.5rem;color:var(--color-muted);background:#fff;border:1px dashed #cbd7e8;border-radius:var(--radius-lg)}.empty-state__title{color:var(--color-text);font-size:1.25rem}.form-card{display:flex;flex-direction:column;gap:1.15rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem)}.form-card__footer{margin:0;color:var(--color-muted);font-size:.92rem}.plain-fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.38rem}.field__label{font-weight:700;font-size:.92rem}.field__hint{margin:0;font-size:.83rem;color:var(--color-muted)}.field__error{margin:0;font-size:.85rem;font-weight:700;color:var(--color-error-text)}.field__control{width:100%;min-height:2.85rem;padding:.72rem .85rem;font:inherit;color:var(--color-text);background:#fbfcff;border:1px solid #cbd5e1;border-radius:.75rem;transition:border-color .18s,box-shadow .18s}.field__control:focus{outline:none;border-color:#6093f5;box-shadow:0 0 0 4px #2563eb1f;background:#fff}.field__control--invalid{border-color:var(--color-error-text)}.table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse;min-width:44rem}.table th,.table td{padding:.9rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}.table thead th{background:#f0f4fa;color:#33445f;font-size:.8rem;text-transform:uppercase;letter-spacing:.045em}.table tbody tr:last-child th,.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f8faff}.narrow{max-width:33rem;margin-inline:auto}.stack{display:flex;flex-direction:column;gap:1rem}.stack--lg{gap:2rem}.stack>*,.stack--lg>*{margin-block:0}.grid{display:grid;gap:1.15rem}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}.page-header__title{margin-bottom:.45rem}.page-header__subtitle{max-width:48rem;margin:0;color:var(--color-muted);font-size:1.02rem;line-height:1.6}.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:22rem;justify-content:center;background:linear-gradient(118deg,#102347,#173d76 58%,#245bb0);color:#fff;border-radius:1.5rem;padding:clamp(2rem,6vw,5rem);margin-bottom:clamp(3rem,6vw,4.5rem);box-shadow:0 24px 55px #10234733}.hero:before{content:"";position:absolute;z-index:-1;width:28rem;height:28rem;right:-5rem;top:-12rem;border:1px solid rgb(255 255 255 / .16);border-radius:50%;box-shadow:0 0 0 3rem #ffffff09,0 0 0 6rem #ffffff06}.hero:after{content:"";position:absolute;z-index:-1;width:16rem;height:16rem;right:12%;bottom:-12rem;background:#60a5fa;border-radius:50%;filter:blur(75px);opacity:.22}.hero__title{max-width:48rem;color:#fff;font-size:clamp(2.3rem,5.4vw,4.1rem);line-height:1.08;letter-spacing:-.055em;margin-bottom:1.2rem}.hero__text{max-width:42rem;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.8;color:#dce8fb;margin-bottom:1.8rem}.hero .btn{min-height:3rem;padding-inline:1.25rem}.section{margin-bottom:clamp(3rem,6vw,4.5rem)}.section__title{margin-bottom:1.3rem}.section .grid .card{height:100%}.section .grid .card h3{display:flex;align-items:center;gap:.7rem}.section .grid .card h3:before{content:"";width:.55rem;height:1.8rem;flex:none;border-radius:1rem;background:linear-gradient(#60a5fa,#2563eb)}.section .grid .card p{margin:0;color:var(--color-muted)}.steps{counter-reset:step;list-style:none;padding:0;max-width:48rem;display:grid;gap:.8rem}.steps li{counter-increment:step;display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--color-border);border-radius:.9rem;box-shadow:0 3px 12px #10234709}.steps li:before{content:counter(step,decimal-leading-zero);display:grid;place-items:center;flex:none;width:2.2rem;height:2.2rem;border-radius:.7rem;background:#eaf1ff;color:#1d4ed8;font-size:.8rem;font-weight:800}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;margin:0 0 1.5rem;padding:0;border:0}.chip{min-height:2.55rem;padding:.55rem 1rem;font:inherit;font-size:.9rem;font-weight:700;color:#43536c;background:#fff;border:1px solid #d8e0ed;border-radius:999px;cursor:pointer;transition:all .18s}.chip:hover{border-color:#8fb1f5;color:#1d4ed8}.chip--active{background:#173b72;color:#fff;border-color:#173b72;box-shadow:0 4px 12px #173b722e}.election-card{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;height:100%;border-radius:1.1rem}.election-card:hover{transform:translateY(-3px);border-color:#c5d7f7;box-shadow:var(--shadow-hover)}.election-card__top{display:flex;flex-wrap:wrap;gap:.45rem}.election-card__title{margin:0;font-size:1.25rem;letter-spacing:-.025em}.election-card__title a{color:var(--color-text)}.election-card__title a:hover{color:var(--color-primary)}.election-card__description{margin:0;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.election-card .btn{margin-top:auto}.meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem;margin:0;width:100%;font-size:.88rem;padding:1rem 0;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6}.meta-list dt{color:var(--color-muted);font-size:.8rem;margin-bottom:.15rem}.meta-list dd{margin:0;font-weight:750;color:#263957;overflow-wrap:anywhere}.candidate{display:flex;gap:1rem;align-items:flex-start}.candidate__avatar{flex:none;display:grid;place-items:center;width:3.6rem;height:3.6rem;font-weight:800;color:#fff;background:linear-gradient(145deg,#3478e5,#173b72);border-radius:1.1rem;box-shadow:0 6px 15px #2563eb2e}.candidate__body{min-width:0}.candidate__body p{margin-bottom:.5rem}.candidate__number{color:var(--color-muted);font-size:.875rem;margin-bottom:0}.candidate__name{margin-bottom:.5rem}.vote-form{display:flex;flex-direction:column;gap:1rem}.vote-form__fieldset{border:0;margin:0;padding:0;min-width:0}.vote-form__legend{font-weight:800;margin-bottom:.85rem;padding:0}.vote-form__options{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.vote-option{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;background:#fff;border:1px solid var(--color-border);border-radius:.9rem;cursor:pointer;transition:border-color .18s,box-shadow .18s}.vote-option:hover{border-color:#9bb9f4}.vote-option input{flex:none;width:1.2rem;height:1.2rem;margin-top:.25rem;accent-color:var(--color-primary)}.vote-option--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f;background:#f7faff}.vote-option:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.confirm-box{border:1px solid #b9cff7;border-radius:var(--radius);background:linear-gradient(135deg,#f0f6ff,#e7f0ff);color:var(--color-info-text);padding:1.15rem}.confirm-box__title{margin-bottom:.45rem}.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.1rem}.results__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.results__name{font-weight:750;display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center}.results__value{color:var(--color-muted);font-size:.9rem}.results__bar{width:100%;height:.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:#e8edf5;overflow:hidden}.results__bar::-webkit-progress-bar{background:#e8edf5;border-radius:999px}.results__bar::-webkit-progress-value{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:999px}.results__bar::-moz-progress-bar{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:999px}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.list__item{display:flex;flex-direction:column;gap:.25rem}.list__item--row{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}@media (max-width:48rem){.site-header{position:static}.site-header__inner{gap:.8rem;align-items:flex-start}.brand{margin-right:auto}.nav{order:3;flex-basis:100%;gap:.2rem}.nav__link{padding:.55rem .7rem;font-size:.87rem}.site-header__account{margin-left:auto}.site-header__user{display:none}.main{padding-block:1.5rem}.hero{min-height:unset;border-radius:1.1rem}.hero:before{right:-14rem}.page-header{align-items:flex-start}.card{padding:1.15rem}}@media (max-width:30rem){.hero{padding:2rem 1.25rem}.hero__title{font-size:2.25rem}.hero__text{font-size:1rem}.meta-list{grid-template-columns:1fr}.button-row .btn{width:100%}.site-header__inner{padding-block:.75rem}.site-header__account .btn{min-height:2.4rem;padding:.55rem .75rem}.grid{gap:.8rem}}