:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 30%,#422c4c55,transparent 60%),radial-gradient(ellipse at 80% 85%,#213c5355,transparent 60%),#120f19;color:#eae1d1;font:16px/1.6 Arial,sans-serif}header{max-width:1180px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #7b674129}.brand{color:#e1c99d;font:24px Georgia,serif;letter-spacing:.12em;text-decoration:none}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:.2em;padding-left:28px;margin-top:5px}.badge,.eyebrow{font-size:10px;letter-spacing:.17em;color:#ac9269}.badge{border:1px solid #8e735653;padding:6px 10px;border-radius:3px}main{max-width:1180px;margin:auto;padding:60px 45px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.intro{text-align:center}h1,h2{font-family:Georgia,serif;font-weight:500}h1{font-size:88px;line-height:1;letter-spacing:.065em;color:#e7c991;margin:18px 0}h1 span{display:block;font-size:23px;text-transform:uppercase;letter-spacing:.25em;margin-top:18px;color:#c0a886}.tagline{font:italic 18px/1.8 Georgia,serif;color:#aea0b4}.cards{position:relative;height:310px;width:360px;max-width:100%;margin:28px auto 12px}.cards img{position:absolute;top:8px;left:calc(50% - 75px);width:150px;border-radius:12px;box-shadow:0 22px 30px #0008;border:1px solid #96784c80}.left{transform:translateX(-83px) rotate(-15deg)}.right{transform:translateX(83px) rotate(15deg)}.center{transform:translateY(10px)}.facts{font-size:12px;color:#bdb0b9}.panel{position:relative;border:1px solid #8e735653;border-radius:5px;background:linear-gradient(140deg,#251e2ddd,#18141eee);box-shadow:0 12px 40px #0002;outline:1px solid #a4864719;outline-offset:5px;padding:32px}.panel:before,.panel:after{content:'';position:absolute;width:23px;height:23px;border:solid #ad8c58;opacity:.7;pointer-events:none}.panel:before{left:-2px;top:-2px;border-width:2px 0 0 2px}.panel:after{right:-2px;bottom:-2px;border-width:0 2px 2px 0}h2{font-size:30px;line-height:1.2;color:#ebd8b3;margin:8px 0 14px}p{color:#bcb1bd}.panel>p:not(.eyebrow){font-size:14px;margin-bottom:23px}.eyebrow{margin:0;font-weight:600}label{display:block;color:#d4c6d6;font-size:14px;margin:18px 0 8px}label span{color:#a798aa;font-size:12px}input{height:48px;border:1px solid #544653;border-radius:4px;background:#100e17b0;color:#ece2d2;padding:12px 14px;width:100%;font-size:16px}input::placeholder{color:#887b8f}input:focus{border-color:#c5a374;outline:2px solid #c5a37440;outline-offset:1px}#code{text-transform:uppercase;letter-spacing:.13em}small{display:block;font-size:12px;color:#a99bae;margin-top:7px}button{width:100%;min-height:48px;background:#d1b07b;border:1px solid #dbc296;color:#211720;border-radius:4px;font:600 14px Arial,sans-serif;cursor:pointer;margin:23px 0 10px}button:hover{background:#e2c795}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #d8b77b;outline-offset:4px}details{border-top:1px solid #79644636;margin-top:17px;padding-top:20px}summary{cursor:pointer;font-size:14px;color:#cdb6ca}ol{padding-left:20px;font-size:13px;color:#c6b9c7}li{margin:10px 0}.note{font-size:12px}.footnote{border-top:1px solid #79644636;padding-top:17px;margin-top:20px;font-size:12px;color:#ac9269}.error{font-size:13px;color:#f2b8aa;background:#58302d44;padding:10px;border-radius:3px}footer{max-width:1100px;margin:auto;border-top:1px solid #7b674129;padding:24px 0;display:flex;justify-content:space-between;color:#938598;font-size:11px;letter-spacing:.1em}@media(max-width:760px){header{padding:20px 23px}.badge{font-size:8px}main{display:flex;flex-direction:column;gap:25px;padding:32px 23px 42px}.intro{width:100%}h1{font-size:60px;margin:13px 0}h1 span{font-size:17px;margin-top:12px}.tagline{font-size:14px}.cards{width:240px;height:146px;margin:18px auto 14px;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent)}.cards img{width:90px;left:calc(50% - 45px);border-radius:8px;top:3px}.left{transform:translateX(-57px) rotate(-16deg)}.right{transform:translateX(57px) rotate(16deg)}.center{transform:translateY(4px)}.facts{font-size:10px}.panel{width:100%;max-width:480px;padding:24px}h2{font-size:28px}footer{margin:0 23px;font-size:9px;gap:10px}.eyebrow{font-size:9px}}