@font-face{font-family:Montserrat;src:url("montserrat.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--purple:#440099;--purple-dark:#27005d;--purple-mid:#5c13a8;--fuchsia:#cc04ff;--white:#fff;--muted:rgba(255,255,255,.72);--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}
html{font-family:Montserrat,sans-serif;background:var(--purple-dark)}
body{margin:0;min-width:320px;min-height:100svh;color:var(--white);background:radial-gradient(circle at 12% 16%,rgba(204,4,255,.34),transparent 34rem),radial-gradient(circle at 88% 84%,rgba(204,4,255,.16),transparent 30rem),linear-gradient(145deg,var(--purple-dark),var(--purple) 60%,var(--purple-mid));background-attachment:fixed}
body,a{font-family:Montserrat,sans-serif}
.home-shell{width:min(1240px,calc(100% - 32px));min-height:100svh;margin:auto;padding:32px 0;display:grid;place-items:center;align-content:center;gap:22px}
.home-card{width:100%;padding:clamp(28px,5vw,60px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(52,0,116,.96),rgba(35,0,82,.95));box-shadow:0 28px 80px rgba(20,0,49,.45)}
.home-header{max-width:820px;margin:0 auto 38px;text-align:center}
.home-header img{display:block;width:132px;height:auto;margin:0 auto 18px;object-fit:contain}
.eyebrow{margin:0 0 10px;color:var(--fuchsia);font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
h1{margin:0 0 12px;font-size:clamp(2rem,4.8vw,3.65rem);line-height:1.04;letter-spacing:-.045em}
.home-header>p:last-child{margin:0;color:var(--muted);font-size:clamp(.95rem,1.8vw,1.08rem);line-height:1.7}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.form-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055);color:var(--white);text-decoration:none;overflow:hidden;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.form-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--fuchsia);opacity:.7;transition:width .22s,opacity .22s}
.form-card:hover,.form-card:focus-visible{transform:translateY(-5px);border-color:var(--fuchsia);background:rgba(204,4,255,.11);box-shadow:0 18px 40px rgba(20,0,49,.3);outline:0}
.form-card:hover::before,.form-card:focus-visible::before{width:7px;opacity:1}
.card-number{display:grid;place-items:center;width:46px;height:46px;margin-bottom:24px;border-radius:14px;background:var(--fuchsia);color:var(--white);font-size:.82rem;font-weight:900}
.card-zone{margin-bottom:9px;color:var(--fuchsia);font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.form-card strong{display:block;margin-bottom:12px;font-size:clamp(1.18rem,2vw,1.42rem);line-height:1.25}
.card-description{color:var(--muted);font-size:.84rem;line-height:1.65}
.card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:25px;border-top:1px solid rgba(255,255,255,.14);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.card-action b{color:var(--fuchsia);font-size:1.25rem;transition:transform .2s}.form-card:hover .card-action b,.form-card:focus-visible .card-action b{transform:translateX(4px)}
.privacy-note{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin-top:24px;padding:17px 20px;border-radius:15px;background:rgba(204,4,255,.1);font-size:.78rem;line-height:1.5}.privacy-note strong{color:var(--fuchsia)}.privacy-note span{color:var(--muted)}
.home-footer{display:grid;gap:6px;text-align:center;color:rgba(255,255,255,.55);font-size:.72rem;line-height:1.5}.home-footer strong{color:var(--fuchsia)}
@media(max-width:900px){.form-grid{grid-template-columns:1fr}.form-card{min-height:250px}.privacy-note{grid-template-columns:1fr}}
@media(max-width:520px){.home-shell{width:calc(100% - 20px);padding:10px 0 22px;align-content:start}.home-card{padding:26px 16px;border-radius:18px}.home-header img{width:112px}.form-card{min-height:270px;padding:22px;border-radius:18px}h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
