*{margin:0;padding:0;box-sizing:border-box}.page{min-height:100vh;background:#080008;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}#stars-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glow-orb-1{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,20,147,.18) 0%,transparent 70%);top:-60px;right:-60px;pointer-events:none}.glow-orb-2{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(180,0,100,.15) 0%,transparent 70%);bottom:0;left:-80px;pointer-events:none}.container{width:100%;max-width:460px;position:relative;z-index:1}.lang-switch{display:flex;justify-content:flex-end;margin-bottom:1rem}.lang-btn{background:rgba(255,20,147,.08);border:1px solid rgba(255,20,147,.2);border-radius:999px;padding:4px;display:flex;gap:4px}.lang-opt{padding:4px 14px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;letter-spacing:.08em;transition:all .2s;color:#ff96c866;border:1px solid transparent;background:transparent}.lang-opt.active{background:rgba(255,20,147,.3);color:#fff;border-color:#ff149380}.header{text-align:center;margin-bottom:2rem}.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,20,147,.12);border:1px solid rgba(255,20,147,.35);border-radius:999px;padding:6px 16px;margin-bottom:1.2rem}.badge-dot{width:6px;height:6px;border-radius:50%;background:#ff1493}.badge-txt{font-size:11px;color:#ff96c8b3;letter-spacing:.12em;text-transform:uppercase}h1{font-size:52px;font-weight:700;color:#fff;letter-spacing:-2px;line-height:1;margin-bottom:.3rem}.highlight{color:#ff1493}.tagline{font-size:13px;color:#ff96c859;letter-spacing:.05em}.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,20,147,.12);border-radius:24px;padding:2rem;margin-bottom:.75rem}.row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.field{margin-bottom:.75rem}.field label{display:block;font-size:10px;color:#ff78b480;margin-bottom:5px;letter-spacing:.1em;text-transform:uppercase}.field input{width:100%;background:rgba(255,20,147,.06);border:1px solid rgba(255,20,147,.15);border-radius:10px;padding:11px 14px;color:#fff;font-size:14px;outline:none;transition:all .25s}.field input::placeholder{color:#ff96c833}.field input:focus{border-color:#ff1493b3;background:rgba(255,20,147,.1);box-shadow:0 0 0 3px #ff149314}.btn-submit{width:100%;background:linear-gradient(135deg,#ff1493 0%,#c0006e 100%);border:none;border-radius:12px;padding:15px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:1.25rem;transition:all .2s;letter-spacing:.05em}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 8px 25px #ff149359}.btn-submit:active{transform:scale(.98)}.divider{display:flex;align-items:center;gap:12px;margin:.75rem 0}.divider-line{flex:1;height:1px;background:rgba(255,20,147,.1)}.divider-txt{font-size:10px;color:#ff78b44d;letter-spacing:.1em;text-transform:uppercase}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.leg{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px;text-align:center}.leg.active{background:rgba(255,20,147,.1);border-color:#ff149366}.leg-lbl{display:block;font-size:10px;color:#ff96c859;margin-bottom:3px}.leg-val{font-size:12px;font-weight:600}.leg-val.blue{color:#7dd3fc}.leg-val.pink{color:#ff1493}.leg-val.red{color:#ff6b6b}.result{text-align:center;padding:.5rem 0}.result-ring{width:90px;height:90px;border-radius:50%;border:2px solid rgba(255,20,147,.5);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.result-check{font-size:28px;color:#ff1493}.result-lbl{font-size:10px;color:#ff96c866;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.4rem}.result-val{font-size:60px;font-weight:700;color:#fff;letter-spacing:-3px;margin-bottom:.3rem;line-height:1}.result-avis{display:inline-block;background:rgba(255,20,147,.15);border:1px solid rgba(255,20,147,.35);border-radius:999px;padding:6px 18px;font-size:14px;color:#ff69b4;margin-bottom:2rem}.btn-reset{background:transparent;border:1px solid rgba(255,20,147,.25);border-radius:10px;padding:10px 28px;color:#ff96c873;font-size:13px;cursor:pointer;transition:all .2s;margin-top:1rem}.btn-reset:hover{border-color:#ff149399;color:#ff69b4}@media (max-width: 480px){h1{font-size:40px}.result-val{font-size:48px}}