@font-face{font-family:"Quire Sans";src:url("fonts/quire-sans.woff2") format("woff2"),url("fonts/quire-sans.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Quire Sans";src:url("fonts/quire-sans-light.woff2") format("woff2"),url("fonts/quire-sans-light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Quire Sans";src:url("fonts/quire-sans-semibold.woff2") format("woff2"),url("fonts/quire-sans-semibold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Quire Sans";src:url("fonts/quire-sans-bold.woff2") format("woff2"),url("fonts/quire-sans-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Quire Sans";src:url("fonts/quire-sans-black.woff2") format("woff2"),url("fonts/quire-sans-black.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:"Quire Sans";src:url("fonts/quire-sans-italic.woff2") format("woff2"),url("fonts/quire-sans-italic.ttf") format("truetype");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Quire Sans";src:url("fonts/quire-sans-bold-italic.woff2") format("woff2"),url("fonts/quire-sans-bold-italic.ttf") format("truetype");font-style:italic;font-weight:700;font-display:swap}
:root{
  --red:#FA2400;
  --blue:#49D9FE;
  --ink:#0b1017;
  --navy:#07111f;
  --white:#fff;
  --surface:#f7f9fc;
  --line:#dfe5ec;
  --muted:#667085;
  --success:#42d66b;
  --radius:18px;
  --shadow:0 14px 36px rgba(14,25,43,.10);
  --max:1440px;
  --page-pad:max(24px,calc((100vw - var(--max))/2));
  --section-gap:clamp(2.5rem,4vw,4rem);
  --account-card-gap:clamp(3rem,5vw,5rem);
}
*{box-sizing:border-box;min-width:0}
html{scroll-behavior:smooth;background:var(--surface)}
body{margin:0;background:var(--surface);color:var(--ink);font-family:"Quire Sans",Arial,Helvetica,sans-serif;line-height:1.45;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:9999;background:var(--blue);color:var(--ink);padding:.8rem 1rem;border-radius:10px;transform:translateY(-180%);font-weight:800;text-decoration:none}.skip-link:focus{transform:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{position:sticky;top:0;z-index:60;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:12px var(--page-pad);background:var(--red);color:var(--blue);box-shadow:0 6px 24px rgba(250,36,0,.22)}
.brand{display:inline-flex;flex-direction:column;text-decoration:none;line-height:.76;transform:skew(-5deg);flex:0 0 auto}.brand-main{font-weight:1000;font-size:clamp(1.8rem,2.6vw,2.8rem);letter-spacing:-.08em}.brand-sub{font-size:.65rem;letter-spacing:.42em;margin-left:.18em;color:var(--white);font-weight:900}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:1.6rem;font-weight:850}.main-nav>a:not(.button){font-size:.84rem;text-decoration:none;color:var(--blue)}.main-nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:.35em}.inline-form{margin:0}.menu-button{display:none;border:1px solid rgba(255,255,255,.55);background:var(--blue);color:var(--ink);border-radius:12px;padding:.72rem .9rem;font-weight:900}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;border:1px solid transparent;border-radius:10px;padding:.78rem 1.2rem;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding:.62rem 1rem}.button-primary{background:var(--red);color:var(--white);box-shadow:0 8px 20px rgba(250,36,0,.24)}.button-primary:hover{box-shadow:0 12px 26px rgba(250,36,0,.31)}.button-blue{background:var(--blue)!important;color:var(--ink)!important}.button-dark{background:var(--ink);color:var(--white)}.site-header .button-small{border-color:rgba(73,217,254,.95);background:transparent;color:var(--blue)}.site-header .button-blue{border-color:var(--blue)}

.hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2rem,4vw,5rem);min-height:680px;padding-inline:var(--page-pad);background:var(--navy);color:var(--white);overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,rgba(250,36,0,.22),transparent 33%),radial-gradient(circle at 68% 38%,rgba(73,217,254,.17),transparent 30%),linear-gradient(120deg,#03070d 0%,#081423 55%,#05080d 100%);pointer-events:none}.hero-copy{position:relative;z-index:3;padding:clamp(4rem,7vw,7.5rem) 0}.eyebrow{margin:0 0 1rem;color:var(--blue);font-size:.76rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(4.2rem,7.4vw,8.2rem);line-height:.82;letter-spacing:-.07em;font-weight:1000;text-transform:uppercase}.hero h1 span{color:var(--red)}.hero h1::first-line{color:var(--white)}.hero-text{max-width:43rem;margin:1.7rem 0 0;font-size:clamp(1rem,1.4vw,1.28rem);line-height:1.45;color:#edf2f7}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.8rem}.text-link{display:inline-flex;align-items:center;min-height:46px;padding:.72rem 1.1rem;border:1px solid rgba(255,255,255,.65);border-radius:10px;color:var(--white);font-weight:850;text-decoration:none}.age-note{margin-top:1.35rem;color:#c5ced8;font-size:.86rem}.hero-art{position:relative;z-index:2;min-height:680px;overflow:hidden}.hero-art::before{content:"";position:absolute;left:-6%;right:-6%;bottom:-12%;height:58%;background:radial-gradient(ellipse at bottom,rgba(250,36,0,.6) 0%,rgba(250,36,0,.2) 25%,transparent 60%),repeating-linear-gradient(102deg,transparent 0 34px,rgba(250,36,0,.13) 35px 36px);clip-path:polygon(0 42%,8% 32%,13% 48%,18% 25%,25% 45%,31% 20%,38% 43%,44% 16%,51% 46%,58% 27%,65% 43%,72% 18%,78% 47%,84% 25%,91% 44%,100% 34%,100% 100%,0 100%)}.hero-art::after{content:"";position:absolute;inset:6% -4% 2% 4%;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(73,217,254,.05) 40px 41px),repeating-linear-gradient(90deg,transparent 0 49px,rgba(73,217,254,.04) 50px 51px);mask-image:linear-gradient(to bottom,black,transparent)}.bpm-stage{display:grid;place-items:center;transform:translate3d(0,var(--parallax-y,0),0)}.bpm-core{position:relative;z-index:4;width:min(530px,74vw);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(73,217,254,.72);box-shadow:0 0 0 22px rgba(73,217,254,.045),0 0 0 45px rgba(250,36,0,.04),0 0 70px rgba(250,36,0,.32)}.bpm-core::before,.bpm-core::after{content:"";position:absolute;border-radius:50%;inset:10%;border:3px dashed rgba(250,36,0,.8);animation:spin 14s linear infinite}.bpm-core::after{inset:20%;border-style:solid;border-color:rgba(73,217,254,.75);animation-direction:reverse;animation-duration:9s}.bpm-core strong{position:relative;z-index:2;text-align:center;font-size:clamp(5.8rem,10vw,10rem);line-height:.7;color:var(--red);text-shadow:0 0 26px rgba(250,36,0,.65)}.bpm-core strong span{font-size:.38em;color:var(--blue);text-shadow:0 0 18px rgba(73,217,254,.55)}.bpm-core p{position:absolute;bottom:12%;z-index:3;margin:0;background:rgba(7,17,31,.78);border:1px solid rgba(73,217,254,.5);padding:.35rem .65rem;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.08em}.bpm-meter{position:absolute;left:-18%;right:-18%;top:49%;height:72px;display:flex;align-items:center;justify-content:center;gap:8px;z-index:1}.bpm-meter i{width:7px;height:30%;background:var(--blue);box-shadow:0 0 12px rgba(73,217,254,.8);animation:meter .334s ease-in-out infinite alternate}.bpm-meter i:nth-child(2n){height:72%;background:var(--red);animation-delay:-.12s}.bpm-meter i:nth-child(3n){height:95%;animation-delay:-.22s}.bpm-rings,.bpm-grid{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes meter{to{transform:scaleY(1.85)}}

.ticker{position:relative;overflow:hidden;background:var(--ink);color:var(--blue);border-top:1px solid rgba(73,217,254,.35);border-bottom:1px solid rgba(73,217,254,.35)}.ticker-track{display:flex;width:max-content;will-change:transform;animation:ticker-loop 38s linear infinite}.ticker-group{display:flex;align-items:center;flex:none;gap:0;padding-right:2.5rem}.ticker h2{display:flex;align-items:center;flex:none;margin:0;padding:.76rem 1.25rem;font-size:clamp(.78rem,1.1vw,.94rem);line-height:1;font-weight:800;letter-spacing:.035em;white-space:nowrap;color:var(--blue)}.ticker h2::after{content:"◆";margin-left:2.5rem;color:var(--red);font-size:.72em}@keyframes ticker-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.section{max-width:var(--max);margin:0 auto;padding:var(--section-gap) var(--page-pad)}.listing-section,.how-section,.safety-section,.account-section{max-width:none}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.8rem}.section-head>div{flex:1}.section-head h2,.section h2{margin:0;font-size:clamp(2rem,3.5vw,3.3rem);line-height:1;letter-spacing:-.045em}.section-head>p:last-child{max-width:32rem;margin:0;color:var(--muted)}
.search-panel{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(170px,.7fr)) auto;gap:.9rem;align-items:end;margin:0 0 1.75rem;padding:1rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.search-panel label,.account-form label,.standalone-form label{display:grid;gap:.45rem;font-size:.75rem;font-weight:850}.search-panel input,.search-panel select,.account-form input,.account-form select,.account-form textarea,.standalone-form input,.standalone-form select,.standalone-form textarea{width:100%;border:1px solid #ccd5df;border-radius:9px;background:#fff;padding:.77rem .85rem;color:var(--ink)}.search-panel input:focus,.search-panel select:focus,.account-form input:focus,.account-form select:focus,.account-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(73,217,254,.22);outline:0}
.profile-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.15rem}.profile-row{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(14,25,43,.08);transition:transform .18s ease,box-shadow .18s ease}.profile-row:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(14,25,43,.14)}.profile-avatar{width:100%;aspect-ratio:1;border-radius:0;overflow:hidden;background:linear-gradient(145deg,#dff8ff,#ffdbd5);box-shadow:none;border:0}.profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.profile-row-main{padding:.8rem .85rem .65rem}.profile-row-main .eyebrow{margin:0 0 .25rem;color:var(--muted);font-size:.66rem;letter-spacing:.04em}.profile-row-main h3{margin:0 0 .3rem;font-size:1rem;letter-spacing:-.02em}.profile-row-main>p:not(.eyebrow){display:none}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem}.tag-list span{padding:.25rem .45rem;border-radius:999px;background:#eef7fb;color:#385061;font-size:.63rem;font-weight:750}.profile-row>.button{margin:auto .8rem .8rem;width:calc(100% - 1.6rem);min-height:34px;padding:.45rem .65rem;background:transparent;color:var(--red);border-color:rgba(250,36,0,.45);box-shadow:none;font-size:.72rem}.profile-row>.button:hover{background:var(--red);color:var(--white)}.sample-badge{display:inline-block;margin-left:.35rem;padding:.16rem .35rem;border-radius:999px;background:var(--blue);color:var(--ink);font-size:.55rem}.empty-state{grid-column:1/-1;padding:2rem;background:var(--white);border:1px dashed #aab4c0;border-radius:14px;text-align:center}.centered{text-align:center;margin-top:2rem}

.how-section{background:#fff}.how-section>.eyebrow,.safety-section>div>.eyebrow{margin-bottom:.5rem}.how-section>h2,.safety-section h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1.8rem}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step-grid article{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:start;padding:1.4rem;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.step-grid strong{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--blue);color:var(--ink);font-size:.9rem}.step-grid h3{margin:.1rem 0 .2rem;font-size:1rem}.step-grid p{margin:0;color:var(--muted);font-size:.88rem}
.safety-section{display:block;background:linear-gradient(180deg,#fff,#f7faff);padding-bottom:var(--section-gap)}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.safety-grid article{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;padding:1.4rem;background:var(--white);border:1px solid var(--line);border-radius:14px}.safety-grid strong{grid-row:1/3;color:var(--red);font-size:1.7rem}.safety-grid h3{margin:.05rem 0 .2rem;font-size:1rem}.safety-grid p{margin:0;color:var(--muted);font-size:.88rem}

.account-section{background:#fff;padding-top:var(--account-card-gap);padding-bottom:0}.safety-section+.account-section{padding-top:calc(var(--account-card-gap)*2)}.account-section+.account-section{padding-top:var(--account-card-gap)}.account-section:last-of-type{padding-bottom:var(--section-gap)}.account-form,.standalone-form{width:min(1120px,100%);margin:0 auto;padding:clamp(1.3rem,3vw,2rem);background:linear-gradient(180deg,#fbfdff,#f3f8fd);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.account-form h2,.standalone-form h1{max-width:100%;margin:.1rem 0 1.75rem;font-size:clamp(2rem,3.8vw,3.2rem);line-height:.95;letter-spacing:-.045em;overflow-wrap:anywhere}.wide-account-form{display:grid}.wide-account-form>.eyebrow,.wide-account-form>h2,.wide-account-form>.button,.wide-account-form>.check{grid-column:1/-1}.wide-account-form>.form-grid{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,260px) repeat(2,minmax(0,1fr));gap:1.15rem 1.25rem;align-items:start}.profile-upload-card{grid-column:1;grid-row:1/7;display:grid;align-content:start;gap:.85rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(14,25,43,.06)}.profile-upload-heading{display:grid;gap:.25rem}.profile-upload-heading strong{font-size:.9rem}.profile-upload-heading small{color:var(--muted);font-size:.72rem;line-height:1.4}.image-preview-wrap{position:relative;width:100%;aspect-ratio:1;border:2px dashed var(--blue);border-radius:12px;background:linear-gradient(145deg,rgba(73,217,254,.18),rgba(73,217,254,.07));display:grid;place-items:center;overflow:hidden}.image-preview-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .2s ease}.image-preview-wrap img.visible,.image-preview-wrap img[src]:not([src=""]){opacity:1}.image-preview-placeholder{display:grid;place-items:center;gap:.35rem;padding:1rem;text-align:center;color:#294453}.image-preview-wrap img.visible~.image-preview-placeholder,.image-preview-wrap img[src]:not([src=""])~.image-preview-placeholder{opacity:0}.image-preview-placeholder .upload-icon{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--blue);border-radius:12px;color:var(--blue);font-size:1.6rem;line-height:1}.image-preview-placeholder strong{font-size:.82rem}.image-preview-placeholder small{font-size:.68rem;line-height:1.35;color:var(--muted)}.file-upload-label{display:block!important}.file-upload-label input[type=file]{padding:.45rem;background:#f8fbfd;border:1px solid #ccd5df;border-radius:10px;font-size:.75rem}.file-upload-label input[type=file]::file-selector-button{margin-right:.7rem;border:0;border-radius:8px;background:var(--blue);color:var(--ink);padding:.65rem .8rem;font-weight:900;cursor:pointer}.form-grid .full-width{grid-column:2/-1}.account-form textarea{resize:vertical}.account-form label small{color:var(--muted);line-height:1.45}.check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.65rem;margin-top:1rem;font-size:.82rem!important}.check input{width:auto;flex:0 0 auto;margin-top:.15rem}.special-consent{padding:1rem;border-radius:12px;background:#e9f9fe;border:1px solid rgba(73,217,254,.7)}

.site-footer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2rem;padding:2rem max(24px,calc((100vw - var(--max))/2));background:var(--red);color:var(--blue)}.footer-links{display:flex;justify-content:flex-end;gap:1.6rem;flex-wrap:wrap}.footer-links a{text-decoration:none;font-weight:800;font-size:.82rem}.site-footer p{grid-column:1/-1;margin:0;color:#fff;font-size:.75rem}.footer-brand .brand-main{color:#fff}.footer-brand .brand-sub{color:var(--blue)}
.alert{max-width:var(--max);margin:1rem auto;padding:1rem 1.2rem;border-radius:12px;font-weight:800}.alert.success{background:#e4f9ea;color:#145c26}.alert.error{background:#ffe9e5;color:#8a1e0e}

.profile-page{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:2rem;align-items:start}.profile-page-image-wrap{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#eef2f6}.profile-page-image{width:100%;height:100%;object-fit:cover}.profile-data{display:grid;grid-template-columns:minmax(140px,.35fr) 1fr;gap:.45rem 1rem}.profile-data dt{font-weight:900}.profile-data dd{margin:0}.message-list{display:grid;gap:.75rem}.message-item{display:block;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none}.message-item.unread{border-left:5px solid var(--blue)}
.legal{max-width:980px;margin:0 auto;padding:4rem 1.25rem;font-family:"Quire Sans",Arial,Helvetica,sans-serif;overflow-wrap:anywhere}.legal h1{font-size:clamp(2.6rem,7vw,5.5rem);line-height:.9;color:var(--red)}.legal h2{margin-top:2rem}.legal p,.legal li,.legal address{line-height:1.65;font-style:normal}.legal-notice{padding:1.25rem;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:12px;background:#fff}.legal-nav{display:flex;gap:1rem;flex-wrap:wrap}

@media(max-width:1180px){.profile-list{grid-template-columns:repeat(4,1fr)}.wide-account-form>.form-grid{grid-template-columns:220px repeat(2,minmax(0,1fr))}}
@media(max-width:960px){:root{--page-pad:18px}.site-header{padding-inline:18px}.menu-button{display:block}.main-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;padding:1rem 18px;background:var(--red);box-shadow:0 12px 24px rgba(0,0,0,.16)}.main-nav.open{display:flex}.main-nav>a,.inline-form,.inline-form button{width:100%}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:2rem}.hero-art{min-height:520px}.profile-list{grid-template-columns:repeat(3,1fr)}.search-panel{grid-template-columns:1fr 1fr}.search-panel label:first-child{grid-column:1/-1}.step-grid,.safety-grid{grid-template-columns:1fr}.wide-account-form>.form-grid{grid-template-columns:220px 1fr}.profile-upload-card{grid-row:1/8}.form-grid .full-width{grid-column:1/-1}}
@media(max-width:680px){:root{--page-pad:1rem}.hero{padding-inline:var(--page-pad);gap:0}.hero-copy{padding:3.4rem 0}.hero h1{font-size:clamp(3.25rem,17vw,5rem)}.hero-art{min-height:420px}.bpm-core{width:min(360px,82vw)}.profile-list{grid-template-columns:repeat(2,1fr);gap:.85rem}.section,.listing-section,.how-section,.safety-section,.account-section{padding-left:1rem;padding-right:1rem}.section-head{align-items:flex-start;flex-direction:column}.search-panel{grid-template-columns:1fr}.search-panel label:first-child{grid-column:auto}.wide-account-form>.form-grid{grid-template-columns:1fr}.profile-upload-card,.form-grid .full-width{grid-column:1;grid-row:auto}.profile-upload-card{width:min(100%,360px)}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.profile-page{grid-template-columns:1fr}.profile-data{grid-template-columns:1fr}.profile-data dd{margin-bottom:.5rem}}
@media(max-width:420px){.profile-list{grid-template-columns:1fr}.hero-actions>*{width:100%}.bpm-core{width:310px}.site-header{min-height:68px}.brand-main{font-size:1.7rem}.brand-sub{font-size:.55rem}.profile-row-main h3{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ticker-track{animation:none;transform:none}.ticker-group[aria-hidden="true"]{display:none}.bpm-stage{transform:none!important}}
@media print{.site-header,.ticker,.hero-art,.menu-button{display:none!important}.hero{display:block;min-height:auto;background:#fff;color:#000}.hero-copy{padding:1rem}.site-footer{background:#fff;color:#000}}

/* Profilseite – moderne, stabile Zweispaltenansicht */
.profile-shell{position:relative;min-height:calc(100vh - 150px);padding:clamp(2.5rem,6vw,6rem) var(--page-pad);background:linear-gradient(180deg,#f6f9fc 0%,#ffffff 100%);overflow:hidden}
.profile-shell::before{content:"";position:absolute;width:34rem;height:34rem;right:-12rem;top:-14rem;border-radius:50%;background:radial-gradient(circle,rgba(73,217,254,.22),transparent 68%);pointer-events:none}
.profile-shell::after{content:"";position:absolute;width:30rem;height:30rem;left:-13rem;bottom:-16rem;border-radius:50%;background:radial-gradient(circle,rgba(250,36,0,.14),transparent 70%);pointer-events:none}
.profile-hero-card{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,440px) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding:clamp(1.25rem,2.8vw,2.5rem);background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(7,17,31,.12);transform:translate3d(0,var(--parallax-y,0),0)}
.profile-page-image-wrap{width:100%;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#eef2f6;box-shadow:0 16px 40px rgba(7,17,31,.14)}
.profile-page-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.profile-content{min-width:0;align-self:center}
.profile-content h1{margin:.15rem 0 1rem;font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.055em;overflow-wrap:anywhere}
.profile-lead{max-width:62ch;margin:0 0 2rem;color:#334155;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;overflow-wrap:anywhere;hyphens:auto}
.profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0 0 2rem}
.profile-facts>div{min-width:0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}
.profile-facts span{display:block;margin-bottom:.28rem;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.profile-facts strong{display:block;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.profile-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.sample-note{margin:0 0 1.2rem;padding:1rem 1.1rem;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;background:#eaf9fe;color:#263746;line-height:1.5}
.skip-link{position:fixed;left:1rem;top:-10rem;z-index:999;background:#fff;color:#000;padding:.75rem 1rem;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{top:1rem}
.reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translate3d(0,var(--parallax-y,0),0)}
@media(max-width:900px){.profile-hero-card{grid-template-columns:1fr}.profile-page-image-wrap{width:min(100%,520px);margin-inline:auto}.profile-content h1{text-align:left}}
@media(max-width:680px){.profile-shell{padding:1.25rem 1rem 3rem}.profile-hero-card{padding:1rem;border-radius:18px;gap:1.5rem}.profile-facts{grid-template-columns:1fr}.profile-content h1{font-size:clamp(2.6rem,15vw,4.5rem)}.profile-actions .button{width:100%}.profile-page-image-wrap{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none!important}}

/* v11: heller/dunkler Seitenmodus und Air-Max-Fußabdruck-Hintergrund */
:root{
  --page-bg:#f6f8fb;
  --panel-bg:#ffffff;
  --panel-soft:#f8fbfd;
  --page-text:#0b1017;
  --page-muted:#667085;
  --page-line:#dfe5ec;
  --footprint-opacity:.055;
  --footprint-filter:grayscale(1) opacity(.9);
}
html[data-theme="dark"]{
  --page-bg:#050c12;
  --panel-bg:#09131c;
  --panel-soft:#0d1822;
  --page-text:#f7f9fc;
  --page-muted:#aab7c4;
  --page-line:#263543;
  --footprint-opacity:.12;
  --footprint-filter:grayscale(1) brightness(.62) contrast(1.1);
  color-scheme:dark;
}
html[data-theme="light"]{color-scheme:light}
body{position:relative;background:var(--page-bg);color:var(--page-text);transition:background-color .25s ease,color .25s ease}
body::before{
  content:"";
  position:fixed;
  inset:74px 0 0;
  z-index:-1;
  pointer-events:none;
  background-image:url("airmax-footprints.png");
  background-repeat:repeat-y;
  background-position:calc(100% + 110px) 9rem;
  background-size:min(46vw,720px) auto;
  opacity:var(--footprint-opacity);
  filter:var(--footprint-filter);
  transform:translateZ(0);
}
.theme-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  min-height:42px;
  padding:.48rem .7rem;
  border:1px solid rgba(73,217,254,.95);
  border-radius:999px;
  background:rgba(7,17,31,.22);
  color:var(--blue);
  font-weight:900;
  font-size:.72rem;
  letter-spacing:.04em;
  cursor:pointer;
}
.theme-toggle::before{
  content:"";
  width:34px;
  height:18px;
  border-radius:999px;
  background:rgba(255,255,255,.35);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.theme-toggle::after{
  content:"";
  position:absolute;
  left:.79rem;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--blue);
  transition:transform .2s ease;
}
html[data-theme="light"] .theme-toggle::after{transform:translateX(16px)}
.theme-toggle:hover{background:rgba(7,17,31,.34)}
.theme-toggle-text{white-space:nowrap}

/* Der Hero bleibt in beiden Modi dunkel; Fußabdrücke werden dort als Tiefenebene eingebunden. */
.hero::after{
  content:"";
  position:absolute;
  inset:-8% 38% -12% -7%;
  background:url("airmax-footprints.png") center/contain no-repeat;
  opacity:.12;
  filter:grayscale(1) brightness(.55);
  transform:translate3d(0,var(--parallax-y,0),0) rotate(-8deg);
  pointer-events:none;
  z-index:1;
}
.hero-copy,.hero-art{z-index:3}

/* Heller Modus */
html[data-theme="light"] .listing-section,
html[data-theme="light"] .how-section,
html[data-theme="light"] .safety-section,
html[data-theme="light"] .account-section,
html[data-theme="light"] main.section,
html[data-theme="light"] .profile-shell{background-color:rgba(255,255,255,.93);color:var(--page-text)}
html[data-theme="light"] .how-section{background:rgba(255,255,255,.93)}
html[data-theme="light"] .safety-section{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,255,.94))}

/* Dunkler Modus */
html[data-theme="dark"] .listing-section,
html[data-theme="dark"] .how-section,
html[data-theme="dark"] .safety-section,
html[data-theme="dark"] .account-section,
html[data-theme="dark"] main.section{background:rgba(5,12,18,.92);color:var(--page-text)}
html[data-theme="dark"] .safety-section{background:linear-gradient(180deg,rgba(5,12,18,.94),rgba(8,18,27,.95))}
html[data-theme="dark"] .profile-row,
html[data-theme="dark"] .search-panel,
html[data-theme="dark"] .step-grid article,
html[data-theme="dark"] .safety-grid article,
html[data-theme="dark"] .account-form,
html[data-theme="dark"] .standalone-form,
html[data-theme="dark"] .profile-upload-card,
html[data-theme="dark"] .message-item,
html[data-theme="dark"] .legal-notice,
html[data-theme="dark"] .profile-hero-card,
html[data-theme="dark"] .profile-facts>div{
  background:rgba(9,19,28,.96);
  color:var(--page-text);
  border-color:var(--page-line);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
html[data-theme="dark"] .profile-row-main .eyebrow,
html[data-theme="dark"] .step-grid p,
html[data-theme="dark"] .safety-grid p,
html[data-theme="dark"] .profile-upload-heading small,
html[data-theme="dark"] .image-preview-placeholder small,
html[data-theme="dark"] .profile-lead,
html[data-theme="dark"] .profile-facts span,
html[data-theme="dark"] .section-head>p:last-child{color:var(--page-muted)}
html[data-theme="dark"] .tag-list span{background:#142531;color:#bcefff}
html[data-theme="dark"] .search-panel input,
html[data-theme="dark"] .search-panel select,
html[data-theme="dark"] .account-form input,
html[data-theme="dark"] .account-form select,
html[data-theme="dark"] .account-form textarea,
html[data-theme="dark"] .standalone-form input,
html[data-theme="dark"] .standalone-form select,
html[data-theme="dark"] .standalone-form textarea,
html[data-theme="dark"] .file-upload-label input[type=file]{background:#101d27;color:#fff;border-color:#314252}
html[data-theme="dark"] .special-consent{background:#0e2530;border-color:rgba(73,217,254,.55)}
html[data-theme="dark"] .profile-shell{background:linear-gradient(180deg,#050c12 0%,#09131c 100%)}
html[data-theme="dark"] .site-footer{box-shadow:0 -10px 30px rgba(0,0,0,.18)}

@media(max-width:960px){
  .theme-toggle{width:100%;justify-content:center;border-radius:12px}
  .theme-toggle::after{left:calc(50% - 45px)}
  html[data-theme="light"] .theme-toggle::after{transform:translateX(16px)}
  body::before{background-size:560px auto;background-position:calc(100% + 180px) 8rem}
}
@media(max-width:680px){
  body::before{background-size:430px auto;background-position:calc(100% + 205px) 6rem;opacity:calc(var(--footprint-opacity) * .85)}
  .hero::after{inset:2% 16% 10% -25%;opacity:.08}
}
@media(prefers-reduced-motion:reduce){
  body,.theme-toggle::after{transition:none!important}
  .hero::after{transform:rotate(-8deg)!important}
}

/* v12: Typografie, sichtbare Fußabdrücke, konsistente Abstände und Navigation */
@font-face{font-family:"Open Sans Local";src:url("fonts/open-sans-regular.woff2") format("woff2"),url("fonts/open-sans-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Open Sans Local";src:url("fonts/open-sans-semibold.woff2") format("woff2"),url("fonts/open-sans-semibold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Open Sans Local";src:url("fonts/open-sans-bold.woff2") format("woff2"),url("fonts/open-sans-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Myriad Local";src:url("fonts/myriad-regular.woff2") format("woff2"),url("fonts/myriad-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Myriad Local";src:url("fonts/myriad-bold.woff2") format("woff2"),url("fonts/myriad-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

:root{--body-font:"Open Sans Local","Open Sans",Arial,Helvetica,sans-serif;--display-font:"Quire Sans",Arial,Helvetica,sans-serif;--company-font:"Myriad Local","Myriad Pro",Arial,sans-serif;--account-card-gap:clamp(2rem,3.4vw,3.5rem)}
body,.legal,.hero-text,.age-note,.section-head>p,.profile-row p,.step-grid p,.safety-grid p,.account-form label,.standalone-form label,.account-form input,.account-form select,.account-form textarea,.standalone-form input,.standalone-form select,.standalone-form textarea,.check,.profile-lead,.profile-facts,.message-item{font-family:var(--body-font);font-weight:400}
h1,h2,h3,.brand,.eyebrow,.profile-row-main h3,.profile-content h1{font-family:var(--display-font)}
h1,h2,h3{font-weight:900}
.profile-row-main h3,.profile-content h1{font-weight:700}
.button,.menu-button,.theme-toggle,.main-nav a,.footer-links a{font-family:var(--display-font);font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.account-form label,.standalone-form label{font-weight:400}.account-form input,.account-form select,.account-form textarea,.standalone-form input,.standalone-form select,.standalone-form textarea{font-weight:400}.check strong{font-weight:400}

/* Alle Links ohne Unterstreichung, auch im Hover- und Fokuszustand. */
a,a:hover,a:focus,a:active,.main-nav>a:not(.button):hover{text-decoration:none!important}

/* Header- und Footerlinks als identisches Navigationssystem. */
.main-nav{gap:1.15rem}.main-nav>a:not(.button),.footer-links a{font-size:.78rem;color:var(--blue);white-space:nowrap}
.footer-links{gap:1.15rem}.site-footer{grid-template-columns:auto 1fr;row-gap:1.25rem}.company-credit{font-family:var(--company-font)!important}.company-credit a{color:#fff}.company-credit .company-stefan{font-weight:400}.company-credit .company-buddesiegel{font-family:var(--company-font);font-weight:700}.company-credit span:last-child{font-weight:400}

/* Der echte Fußabdruck liegt sichtbar über dem Seitenhintergrund, aber hinter allen Inhalten. */
body::before{z-index:0;background-repeat:repeat-y;background-position:calc(100% + 40px) 8rem;background-size:min(42vw,660px) auto;opacity:.11;filter:grayscale(1) brightness(.72) contrast(1.08)}
body>*{position:relative;z-index:1}
html[data-theme="light"] body::before{opacity:.075;filter:grayscale(1) brightness(1.55) contrast(.55)}
html[data-theme="dark"] body::before{opacity:.17;filter:grayscale(1) brightness(.72) contrast(1.12)}
.hero::after{opacity:.17;inset:-4% 42% -10% -5%;background-size:contain;filter:grayscale(1) brightness(.78) contrast(1.08)}
html[data-theme="light"] .hero::after{opacity:.15}
.listing-section,.how-section,.safety-section,.account-section{position:relative;isolation:isolate;overflow:hidden}
.how-section::before,.account-section::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(40vw,560px);aspect-ratio:1582/2048;background:url("airmax-footprints.png") center/contain no-repeat;right:-8%;bottom:-18%;opacity:.12;filter:grayscale(1) brightness(.75)}
html[data-theme="light"] .how-section::before,html[data-theme="light"] .account-section::before{opacity:.065;filter:grayscale(1) brightness(1.7) contrast(.5)}

/* Ein Grundabstand oberhalb der Loginbox und derselbe Grundabstand zwischen beiden Kontoboxen. */
.safety-section{padding-bottom:0!important}
.safety-section + .account-section{padding-top:var(--account-card-gap)!important;padding-bottom:0!important}
.account-section + .account-section{padding-top:var(--account-card-gap)!important;padding-bottom:var(--account-card-gap)!important}
.account-section .account-form{margin-block:0}

/* Nahtloser Ticker ohne übergroße Einrückung am Anfang oder an der Gruppennaht. */
.ticker-group{gap:0;padding:0}
.ticker h2{padding:.76rem 0;letter-spacing:.025em}
.ticker h2::after{content:"◆";margin:0 1.35rem;color:var(--red);font-size:.72em}

@media(max-width:1180px){.main-nav{gap:.78rem}.main-nav>a:not(.button),.footer-links a{font-size:.71rem}}
@media(max-width:960px){
  .main-nav{gap:.65rem}.main-nav>a:not(.button),.footer-links a{font-size:.8rem}
  .main-nav a{padding:.6rem .2rem}
  .site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-direction:column;align-items:flex-start}
  body::before{background-position:calc(100% + 145px) 7rem;background-size:540px auto}
}
@media(max-width:680px){body::before{background-position:calc(100% + 190px) 5rem;background-size:430px auto}.hero::after{opacity:.11}}


/* v13: unbeschrifteter Theme-Schalter, bereinigte Headernavigation und korrigierte Abschnittsabstände */
.theme-toggle{
  width:54px;
  min-width:54px;
  min-height:32px;
  padding:6px;
  gap:0;
  justify-content:flex-start;
  overflow:hidden;
}
.theme-toggle::before{width:40px;height:20px;flex:0 0 auto}
.theme-toggle::after{left:10px;width:14px;height:14px}
html[data-theme="light"] .theme-toggle::after{transform:translateX(20px)}
.theme-toggle-text{display:none!important}

/* Der freie Hintergrund unterhalb der drei Sicherheitsboxen entspricht dem Abstand zwischen den Kontoboxen. */
.safety-section{padding-bottom:var(--account-card-gap)!important}
.safety-section + .account-section{padding-top:0!important;padding-bottom:0!important}
.account-section + .account-section{padding-top:var(--account-card-gap)!important;padding-bottom:var(--account-card-gap)!important}

/* Abstand zwischen Endlosticker und Einleitung der Anzeigenliste verdoppeln. */
.listing-section{padding-top:calc(var(--section-gap) * 2)!important}

@media(max-width:960px){
  .theme-toggle{width:54px;min-width:54px;justify-content:flex-start;border-radius:999px;align-self:flex-start}
  .theme-toggle::after{left:10px}
  html[data-theme="light"] .theme-toggle::after{transform:translateX(20px)}
}

/* v16: Suchanzeige, öffentliche Kontakte, Umkreissuche, Moderation und einheitliche Zwischenräume */
:root{--element-gap:var(--account-card-gap)}
.form-intro{max-width:58rem;margin:-.25rem 0 1.5rem;color:var(--page-muted,var(--muted));font-family:var(--body-font)}
.priority-ad-field{padding:1.2rem;border:1px solid rgba(73,217,254,.55);border-radius:14px;background:rgba(73,217,254,.06)}
.contact-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;border:1px solid var(--page-line,var(--line));border-radius:14px;padding:1.2rem;margin:0}
.contact-fields legend{font-family:var(--display-font);font-weight:900;text-transform:uppercase;padding:0 .5rem;color:var(--blue)}
.contact-fields>p{grid-column:1/-1;margin:0;color:var(--page-muted,var(--muted));font-weight:400}
.location-field{display:grid;align-content:end;gap:.45rem}.location-status{margin:0;font-size:.76rem;color:var(--blue);font-family:var(--body-font)}
.radius-search{grid-template-columns:minmax(210px,1.35fr) minmax(120px,.55fr) minmax(150px,.6fr) auto repeat(2,minmax(160px,.7fr)) auto}
.distance-badge{display:inline-flex;margin-left:.6rem;color:var(--blue);font-weight:700}
.profile-ad-priority{margin:1.3rem 0;padding:1.4rem;border-left:5px solid var(--red);background:rgba(73,217,254,.07);border-radius:0 14px 14px 0}
.profile-ad-priority h2,.profile-about h2,.profile-contact-panel h2{font-size:clamp(1.35rem,2vw,2rem);margin:.15rem 0 .8rem}
.profile-ad-priority p:last-child,.profile-about p{font-family:var(--body-font);font-weight:400;white-space:normal;overflow-wrap:anywhere}
.profile-contact-panel{margin-top:1.4rem}
.social-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.social-contact-link{display:grid;grid-template-columns:30px minmax(90px,.4fr) minmax(0,1fr);align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--page-line,var(--line));border-radius:12px;color:inherit;background:rgba(73,217,254,.04)}
.social-contact-link img{width:24px;height:24px;filter:none}.social-contact-link span{font-family:var(--display-font);font-weight:700;text-transform:uppercase;color:var(--blue)}.social-contact-link small{font-family:var(--body-font);overflow-wrap:anywhere}
.report-panel{width:100%;margin-top:.8rem}.report-panel summary{cursor:pointer;font-family:var(--display-font);font-weight:700;color:var(--red);text-transform:uppercase}.report-panel form{display:grid;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid var(--page-line,var(--line));border-radius:12px}.report-panel label{display:grid;gap:.4rem;font-family:var(--body-font)}
.blocked-note{font-family:var(--body-font);color:var(--red);font-weight:600}
.admin-login{min-height:80vh;display:grid;place-items:center}.admin-login .account-form{width:min(620px,100%)}.admin-dashboard{max-width:1200px}.admin-report-list{display:grid;gap:1.2rem}.admin-report{padding:1.4rem;border:1px solid var(--page-line,var(--line));border-radius:14px;background:var(--page-card,var(--white))}.admin-report label{display:grid;gap:.45rem}.admin-report textarea{width:100%}
/* Exakt derselbe freie Abstand an den drei markierten Übergängen. */
.safety-section{padding-bottom:var(--element-gap)!important}
.safety-section + .account-section{padding-top:0!important}
.account-section + .account-section{padding-top:var(--element-gap)!important}
main > .account-section:last-of-type{padding-bottom:var(--element-gap)!important}
/* Fußabdruckgrafik deutlicher, aber weiterhin hinter den Inhalten. */
html[data-theme="dark"] body::before{opacity:.24!important;background-size:min(46vw,720px) auto!important;background-position:calc(100% + 15px) 6rem!important}
html[data-theme="light"] body::before{opacity:.095!important;filter:grayscale(1) brightness(1.75) contrast(.42)!important}
html[data-theme="dark"] .hero::after{opacity:.23!important}
html[data-theme="light"] .hero::after{opacity:.10!important;filter:grayscale(1) brightness(1.8) contrast(.42)!important}
@media(max-width:1180px){.radius-search{grid-template-columns:repeat(3,minmax(0,1fr))}.radius-search .button{width:100%}}
@media(max-width:760px){.contact-fields,.social-contact-list{grid-template-columns:1fr}.social-contact-link{grid-template-columns:28px 100px minmax(0,1fr)}.radius-search{grid-template-columns:1fr}.profile-ad-priority{padding:1rem}.account-section + .account-section{padding-top:clamp(2rem,8vw,3rem)!important}.safety-section{padding-bottom:clamp(2rem,8vw,3rem)!important}main > .account-section:last-of-type{padding-bottom:clamp(2rem,8vw,3rem)!important}}

/* v18: verdoppelter Sicherheitsabstand und sauber integrierter Double-Opt-in-Neuversand */
:root{--login-field-gap:.95rem}
/* Unter den drei Sicherheitskarten liegt nun exakt zweimal der Grundabstand. */
.safety-section{padding-bottom:calc(var(--element-gap) * 2)!important}
.safety-section + .account-section{padding-top:0!important}

.login-card{display:grid;gap:0}
.login-card>h2{margin-bottom:1.75rem}
.login-fields{display:grid;gap:var(--login-field-gap)}
.login-fields label,.resend-form label{display:grid;gap:.45rem;font-family:var(--body-font);font-size:.75rem;font-weight:400}
.login-fields input,.resend-form input{
  width:100%;
  min-height:46px;
  border:1px solid #ccd5df;
  border-radius:9px;
  background:#fff;
  padding:.77rem .85rem;
  color:var(--ink);
  font-family:var(--body-font);
  font-weight:400;
}
.login-fields input:focus,.resend-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(73,217,254,.22);outline:0}
.login-action-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:end;
  gap:var(--login-field-gap);
  margin-top:var(--login-field-gap);
}
.login-action-row>.button{align-self:end;min-height:46px}
.resend-form{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  align-items:end;
  gap:var(--login-field-gap);
  margin:0;
  min-width:0;
}
.resend-form .resend-label{display:block;margin-bottom:.45rem}
.resend-form .button{min-height:46px;white-space:nowrap}
html[data-theme="dark"] .login-fields input,html[data-theme="dark"] .resend-form input{background:#101d27;color:#fff;border-color:#314252}

@media(max-width:900px){
  .login-action-row{grid-template-columns:1fr}
  .login-action-row>.button{width:max-content}
  .resend-form{grid-template-columns:1fr auto}
}
@media(max-width:680px){
  .safety-section{padding-bottom:calc(clamp(2rem,8vw,3rem) * 2)!important}
  .login-action-row>.button,.resend-form .button{width:100%}
  .resend-form{grid-template-columns:1fr}
}