:root{--ink:#2a0f3d;--muted:#5b4670;--pink:#d61f69;--purple:#6d28d9;--gold:#f5b301;--bg:#fff8fb;--grad:linear-gradient(120deg,#6d28d9,#d61f69 60%,#f59e0b)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
a{color:var(--purple)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px clamp(14px,4vw,40px);background:#fff;box-shadow:0 2px 12px -8px #6d28d9}
.logo{font-weight:900;font-size:1.3rem;text-decoration:none;color:var(--ink);letter-spacing:-.03em}.logo b{color:var(--pink)}
.top nav{display:flex;gap:14px;flex-wrap:wrap}.top nav a{font-weight:700;text-decoration:none}
.hero{position:relative;overflow:hidden;background:#fff}.hero picture img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:70% 50%}
.hero .txt{position:absolute;left:clamp(14px,4vw,56px);top:50%;transform:translateY(-50%);max-width:min(40%,520px)}
.hero h1{font-size:clamp(1.6rem,4.4vw,3.6rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 10px}.hero h1 span{background:linear-gradient(90deg,#6d28d9,#be185d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:0 0 14px;font-size:clamp(.95rem,1.4vw,1.15rem);color:var(--muted)}
.cap{position:absolute;right:10px;bottom:8px;margin:0;font-size:.78rem;background:#2a0f3dd9;color:#fff;padding:3px 9px;border-radius:999px}
@media(max-width:760px){.hero .txt{position:static;transform:none;max-width:none;padding:18px 16px 4px}.hero picture img{aspect-ratio:16/10}}
.btn{display:inline-block;background:var(--purple);color:#fff;font-weight:800;padding:11px 18px;border-radius:14px;text-decoration:none;border:0;font:inherit;font-weight:800;cursor:pointer}.btn.alt{background:var(--pink)}
main{max-width:1200px;margin:auto;padding:0 clamp(14px,4vw,40px) 30px}
h2{letter-spacing:-.03em}.kick{display:inline-block;background:var(--gold);color:var(--ink);font-weight:800;padding:3px 10px;border-radius:999px;font-size:.8rem}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.card{background:#fff;border-radius:20px;padding:16px;box-shadow:0 10px 26px -16px #6d28d9aa;border-top:6px solid;border-image:var(--grad) 1;overflow-wrap:anywhere;transition:transform .2s,box-shadow .2s;animation:pop .5s ease both}
.card:hover,.card:focus-within{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 16px 30px -14px #d61f69aa}
@keyframes pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ch{display:flex;gap:12px;align-items:center}.mk{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900}
.k1{background:#6d28d9}.k2{background:#c0186a}.k3{background:#9d174d}.k4{background:#5b21b6}.k5{background:#a21caf}.k6{background:#7c2d12}
.card h3{margin:0;font-size:1.1rem}.pay{font-size:1.05rem;font-weight:800;margin:10px 0 4px}.pt{display:inline-block;background:#f3e8ff;color:#4c1d95;font-weight:700;font-size:.78rem;padding:2px 8px;border-radius:999px}
.nv{color:var(--muted);font-style:italic}.tp{display:inline-block;background:#fef3c7;color:#713f12;font-size:.78rem;font-weight:700;padding:1px 7px;border-radius:6px}
dl{margin:8px 0 0;font-size:.9rem}dt{font-weight:800;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-top:7px}dd{margin:0}
.tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.tools input,.tools select{font:inherit;padding:10px 12px;border-radius:12px;border:2px solid #e9d5ff;background:#fff;flex:1 1 170px;min-width:0}
.warn{background:#fff;border-left:6px solid var(--pink);padding:10px 14px;border-radius:12px}
.sign{background:var(--grad);color:#fff;border-radius:22px;padding:20px;margin:26px 0}.sign form{display:flex;flex-wrap:wrap;gap:8px}.sign input{font:inherit;padding:10px 12px;border-radius:12px;border:0;flex:1 1 160px;min-width:0}.sign .btn{background:var(--ink)}
.hp{position:absolute;left:-9999px}
footer{background:var(--ink);color:#f5eafe;padding:22px clamp(14px,4vw,40px);font-size:.92rem}footer a{color:#fcd34d}footer .in{max-width:1200px;margin:auto}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.card:hover,.card:focus-within{transform:none}}
@media (max-width:760px){p.cap{position:static;display:inline-block;max-width:none;margin:12px 16px 0;color:#fff!important;font-size:.75rem;white-space:nowrap}}