:root{--p:#63339b;--ink:#292139}body{background:#fbf9ff;color:var(--ink)}.head-link{font-weight:800;color:var(--p);text-decoration:none}.fr-hero{min-height:520px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px;background:radial-gradient(circle at 78% 35%,#fff 0 10%,transparent 34%),linear-gradient(135deg,#17102e,#4d287d 58%,#9567b9);color:#fff;overflow:hidden}.fr-hero h1{font-size:clamp(3rem,8vw,6.5rem);line-height:1.04;margin:.12em 0}.fr-hero p{font-size:1.2rem;line-height:1.8}.pills{display:flex;gap:10px;flex-wrap:wrap}.pills span{border:1px solid #ffffff70;border-radius:99px;padding:7px 17px;font-weight:800}.matthew{text-align:center;position:relative;isolation:isolate;padding:48px 24px 18px}.matthew:before{content:"";position:absolute;z-index:-2;left:50%;top:44%;width:min(38vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 16%,rgba(255,255,255,.96) 27%,rgba(255,248,221,.62) 43%,rgba(226,202,255,.22) 61%,transparent 73%);filter:blur(3px);animation:matthewGlow 3.8s ease-in-out infinite}.matthew:after{content:"";position:absolute;z-index:-1;left:50%;top:43%;width:min(27vw,310px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 25px 15px #fff,0 0 75px 38px rgba(255,244,205,.78),0 0 130px 68px rgba(216,184,255,.38)}.matthew img{max-width:350px;width:100%;border-radius:28px;position:relative;z-index:1;filter:drop-shadow(0 18px 20px rgba(28,13,50,.2))}.matthew b{display:block;max-width:280px;margin:-20px auto 0;padding:14px;background:#fff;color:#3c285d;border-radius:18px;position:relative;z-index:2;box-shadow:0 12px 30px rgba(23,10,45,.24)}@keyframes matthewGlow{0%,100%{opacity:.82;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}.fr-wrap{max-width:900px;margin:auto}.fr-card{background:#fff;border:1px solid #e4d9ee;border-radius:28px;padding:clamp(24px,5vw,50px);box-shadow:0 24px 60px #3d23551c}.center{text-align:center;margin-bottom:30px}.center h2{font-size:clamp(1.7rem,4vw,2.4rem)}#frForm>label,#frForm fieldset{display:block;border:0;padding:0;margin:0 0 24px;font-weight:800}em{font-style:normal;font-size:.7em;background:var(--p);color:#fff;padding:3px 6px;border-radius:4px}input[name=birthdate],select{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #cfc2da;border-radius:11px;background:#fff;font:inherit}input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input[type=date]{appearance:none;-webkit-appearance:none}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.topics input{position:absolute;opacity:0}.topics span{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d8cce5;border-radius:14px;font-size:1.4rem;cursor:pointer}.topics b{font-size:.9rem}.topics input:checked+span{background:#eee5fa;color:var(--p);box-shadow:0 0 0 2px var(--p)}.submit{width:100%;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center}.submit small{opacity:.8}.note{text-align:center;color:#756d7c;font-size:.78rem}.hp{position:absolute;left:-9999px}.loading{text-align:center}.loading img{width:190px;border-radius:25px}.loading i{display:block;height:8px;margin-top:24px;border-radius:9px;background:linear-gradient(90deg,var(--p),#ddb255);animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.25}}.score{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 18px;padding:24px;background:linear-gradient(135deg,#f1eafb,#fff8e8);border-radius:20px}.score strong{font-size:3.6rem;color:var(--p)}.score p{line-height:1.8}.result-list{display:grid;gap:12px;margin:20px 0}.result-list article{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;border:1px solid #e7dfed;border-radius:15px}.result-list article>b{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#eee5f7;color:var(--p)}.result-list h3,.result-list p{margin:0 0 5px;line-height:1.75}.result aside{display:grid;grid-template-columns:100px 1fr;align-items:center;background:#241a3b;color:#fff;border-radius:18px;padding:15px}.result aside img{width:100%;height:110px;object-fit:contain}.result aside img.matthew-speaking{transform:scaleX(-1);filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}.result aside small{color:#e7c876;font-weight:800}.paid{text-align:center;margin-top:22px;padding:25px;background:#fbf7ff;border:1px solid #decbed;border-radius:18px}.paid .btn{display:flex;max-width:430px;margin:15px auto 8px;justify-content:space-between}.again{display:block;margin:20px auto 0;border:0;background:none;text-decoration:underline;cursor:pointer}.error{background:#fff0f0;color:#972d2d;padding:14px;text-align:center;border-radius:10px}[hidden]{display:none!important}@media(max-width:700px){.result aside{grid-template-columns:105px 1fr}.result aside img{height:125px}.fr-hero{background:linear-gradient(135deg,#17102e,#4d287d 58%,#9567b9)}.matthew{padding-top:30px}.matthew:before{width:390px}.matthew:after{width:270px}.fr-hero{grid-template-columns:1fr;text-align:center;padding-top:65px}.pills{justify-content:center}.topics{grid-template-columns:repeat(2,1fr)}.score{grid-template-columns:auto auto}.score p{grid-column:1/-1}.fr-card{padding:22px;border-radius:20px}.result aside{grid-template-columns:105px 1fr}.site-header{gap:10px}.head-link{font-size:.8rem}}