:root{--gold:#d9a64c;--cream:#f0d9a6;--red:#65140f}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--cream);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(circle at 50% 15%,rgba(180,112,38,.14),transparent 34rem),linear-gradient(rgba(7,4,3,.84),rgba(7,4,3,.96)),repeating-linear-gradient(0deg,#1a0e08 0 42px,#160b07 43px 46px)}.screen{width:min(1480px,calc(100% - 24px));margin:18px auto;padding:28px;border-radius:18px;background:linear-gradient(145deg,rgba(24,13,8,.96),rgba(5,3,2,.98));box-shadow:0 28px 75px rgba(0,0,0,.72)}.panel{min-height:calc(100vh - 92px);padding:20px 44px 34px;border:1px solid rgba(201,144,63,.38);border-radius:9px;background:linear-gradient(rgba(25,13,8,.4),rgba(25,13,8,.56)),radial-gradient(circle at 50% 30%,rgba(197,142,72,.15),transparent 36rem),repeating-linear-gradient(105deg,rgba(102,65,34,.18) 0 2px,transparent 2px 9px),#3b2819;box-shadow:inset 0 0 110px rgba(0,0,0,.72),inset 0 0 0 10px rgba(34,18,10,.48)}header{text-align:center}.logo{display:block;width:min(300px,46vw);margin:0 auto -4px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.64))}.eyebrow{margin:18px 0 0 0;color:#bfa56f;font-size:13px;letter-spacing:.25em;text-transform:uppercase}h1{margin:8px 0 5px;color:#e3b867;font-size:clamp(36px,6vw,82px);font-weight:500;line-height:.95;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 2px 0 #4a250d,0 0 26px rgba(221,164,72,.16)}.ornament{margin:8px 0;color:#c28b3c;font-size:24px}.intro{margin:0 auto 24px;color:#ead8b2;font-size:clamp(17px,2vw,25px);line-height:1.34}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto}.card{display:flex;flex-direction:column}.name{margin-bottom:11px;color:#e7c986;font-size:clamp(18px,2vw,26px);font-weight:700;text-align:center}.scroll{position:relative;display:grid;place-items:center;min-height:205px;border-radius:5px;background:linear-gradient(90deg,transparent 47%,rgba(73,42,22,.68) 48% 52%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(73,42,22,.68) 48% 52%,transparent 53%),linear-gradient(90deg,rgba(75,44,22,.34),transparent 13% 87%,rgba(75,44,22,.34)),radial-gradient(circle at 40% 20%,rgba(255,255,255,.14),transparent 10rem),repeating-linear-gradient(87deg,rgba(71,42,23,.13) 0 2px,transparent 2px 11px),#a77b48;box-shadow:inset 0 0 42px rgba(53,25,10,.42),0 13px 28px rgba(0,0,0,.46)}.scroll:before,.scroll:after{content:'';position:absolute;left:-8px;right:-8px;height:24px;border-radius:50%;background:linear-gradient(#bd925d,#8a5e35);box-shadow:inset 0 0 12px rgba(43,21,9,.35)}.scroll:before{top:-9px}.scroll:after{bottom:-9px}.seal{z-index:2;display:grid;place-items:center;width:92px;height:92px;border:4px solid #350706;border-radius:50%;color:#d59276;background:radial-gradient(circle at 34% 27%,#a93129,#721310 52%,#340605);box-shadow:0 12px 22px rgba(31,4,3,.58),inset 0 0 0 5px rgba(255,255,255,.04);font-size:35px;text-shadow:0 2px 1px #2b0604;transition:.35s}.card.valid .seal{transform:rotate(-15deg) scale(1.06);filter:brightness(1.16)}.card input{height:58px;margin-top:20px;padding:0 18px;border:1px solid #b27d2e;border-radius:7px;outline:none;color:#f0d7a6;background:rgba(10,6,4,.9);box-shadow:inset 0 0 18px rgba(0,0,0,.62);font:700 19px Georgia,'Times New Roman',serif;letter-spacing:.04em;text-transform:uppercase}.card input::placeholder{color:#8d7d64;font-weight:400;text-transform:none}.card.invalid input{border-color:#b2342b;animation:shake .25s linear}@keyframes shake{0%,100%{transform:translateX(0)}33%{transform:translateX(-5px)}66%{transform:translateX(5px)}}button{display:block;width:min(590px,100%);min-height:74px;margin:34px auto 0;border:2px solid #ad7c36;border-radius:7px;color:#dfbf7e;background:linear-gradient(rgba(255,255,255,.04),rgba(0,0,0,.17)),var(--red);box-shadow:0 10px 20px rgba(0,0,0,.48),inset 0 0 0 6px rgba(44,7,5,.35);font:700 clamp(20px,2.5vw,30px) Georgia,'Times New Roman',serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.status{min-height:28px;margin:18px auto 0;color:#d16958;font-size:17px;font-weight:700;text-align:center}.status.success{color:#d7b963}.warning{margin:4px auto 0;color:#bca77c;font-size:17px;text-align:center}.result{max-width:880px;margin:34px auto 4px;padding:32px;border:1px solid rgba(223,172,77,.58);border-radius:9px;background:radial-gradient(circle at 50% 0,rgba(234,176,74,.16),transparent 22rem),rgba(11,7,5,.91);box-shadow:0 18px 38px rgba(0,0,0,.55);text-align:center}.result-overline{margin:0;color:#c99a47;letter-spacing:.2em;text-transform:uppercase}.result h2{margin:8px 0 18px;color:#efd18d;font-size:clamp(27px,4vw,43px);text-transform:uppercase}.coordinates{padding:17px 12px;border-top:1px solid rgba(227,179,84,.52);border-bottom:1px solid rgba(227,179,84,.52);color:#ffd783;font-size:clamp(30px,5vw,52px);font-weight:700;letter-spacing:.04em}.result p{color:#cbb991;font-size:18px;line-height:1.5}.result a{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:0 30px;border:1px solid #d49c45;border-radius:6px;color:#1a0e08;background:linear-gradient(#efc269,#b97325);font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding-inline:24px}}@media(max-width:600px){.screen{width:calc(100% - 10px);margin:5px auto;padding:5px}.panel{padding:14px 12px 28px}.grid{grid-template-columns:1fr}.scroll{min-height:165px}.logo{width:min(265px,72vw)}.intro br{display:none}.warning{font-size:14px}}
