@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap);:root{--opr-gold:#c8956c;--opr-dark:#1a1209;--opr-cream:#fdf8f0;--opr-muted:#8c7b6b;--opr-border:#e8ddd0;--opr-radius:16px;--opr-shadow:0 8px 40px rgba(26,18,9,.10)}.opr-quiz-wrap{font-family:'Jost',sans-serif;max-width:760px;margin:40px auto;background:var(--opr-cream);border:1px solid var(--opr-border);border-radius:var(--opr-radius);box-shadow:var(--opr-shadow);overflow:hidden}.opr-header{text-align:center;padding:44px 40px 38px;background:linear-gradient(160deg,#1a1209 0%,#3a2415 100%);color:#fff}.opr-icon{font-size:3rem;margin-bottom:14px}.opr-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:2.9rem;letter-spacing:.02em;margin:0 0 12px;color:#f5e6cc;line-height:1.15}.opr-subtitle{font-size:1.1rem;font-weight:300;color:#c2ac8c;margin:0;line-height:1.6}.opr-progress-wrap{height:4px;background:var(--opr-border)}.opr-progress-bar{height:100%;background:var(--opr-gold);width:0%;transition:width .4s ease}.opr-form{padding:44px 48px 40px}.opr-step{display:none;animation:opr-fadein .3s ease}.opr-step.active{display:block}@keyframes opr-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.opr-step-title{font-family:'Cormorant Garamond',serif;font-size:2.1rem;font-weight:600;color:var(--opr-dark);margin:0 0 8px;line-height:1.2}.opr-step-desc{font-size:1.05rem;color:var(--opr-muted);margin:0 0 30px;font-weight:300}.opr-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:38px}.opr-option{position:relative;cursor:pointer}.opr-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.opr-option span{display:flex;align-items:center;gap:12px;padding:20px 22px;border:1.5px solid var(--opr-border);border-radius:12px;font-size:1.15rem;color:var(--opr-dark);background:#fff;transition:all .2s ease;font-weight:400;line-height:1.3}.opr-option span::first-letter{font-size:1.35rem}.opr-option:hover span{border-color:var(--opr-gold);background:#fff8f0;transform:translateY(-2px);box-shadow:0 4px 16px rgb(200 149 108 / .15)}.opr-option input:checked+span{border-color:var(--opr-gold);background:linear-gradient(135deg,#fff8f0,#fef3e5);color:#8b5e2c;box-shadow:0 4px 16px rgb(200 149 108 / .2);font-weight:500}.opr-nav{display:flex;gap:14px;align-items:center}.opr-btn{font-family:'Jost',sans-serif;font-size:1rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:17px 36px;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease}.opr-btn-back{background:#fff0;border:1.5px solid var(--opr-border);color:var(--opr-muted)}.opr-btn-back:hover{border-color:var(--opr-gold);color:var(--opr-gold)}.opr-btn-next,.opr-btn-submit{background:var(--opr-dark);color:#f5e6cc;margin-left:auto}.opr-btn-next:hover,.opr-btn-submit:hover{background:var(--opr-gold);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgb(200 149 108 / .35)}.opr-btn-submit{background:var(--opr-gold);color:#fff}.opr-loading{text-align:center;padding:70px 40px}.opr-loading p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.35rem;color:var(--opr-muted);margin-top:24px}.opr-loading-spinner{width:52px;height:52px;border:3px solid var(--opr-border);border-top-color:var(--opr-gold);border-radius:50%;margin:0 auto;animation:opr-spin 1s linear infinite}@keyframes opr-spin{to{transform:rotate(360deg)}}.opr-results{padding:44px 48px;border-top:1px solid var(--opr-border)}.opr-results-heading{font-family:'Cormorant Garamond',serif;font-size:2.3rem;font-weight:600;color:var(--opr-dark);margin:0 0 8px;text-align:center}.opr-results-sub{text-align:center;font-size:1.05rem;color:var(--opr-muted);margin:0 0 36px;font-weight:300}.opr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;margin-bottom:32px}.opr-card{background:#fff;border:1px solid var(--opr-border);border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.opr-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgb(26 18 9 / .12)}.opr-card-img{width:100%;aspect-ratio:1;object-fit:cover;background:#f0e8dc;display:block}.opr-card-img-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5e6cc,#e8d5b7);font-size:3rem}.opr-card-body{padding:18px;flex:1;display:flex;flex-direction:column}.opr-card-name{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:600;color:var(--opr-dark);margin:0 0 8px;line-height:1.25}.opr-card-reason{font-size:.95rem;color:var(--opr-muted);line-height:1.5;font-weight:300;flex:1}.opr-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--opr-border)}.opr-card-price{font-weight:500;color:var(--opr-gold);font-size:1.1rem}.opr-card-score{font-size:.85rem;color:#fff;background:var(--opr-gold);padding:4px 10px;border-radius:20px;font-weight:500}.opr-card-badge-out{font-size:.82rem;color:#999;border:1px solid #ddd;padding:4px 9px;border-radius:20px}.opr-btn-restart{display:block;text-align:center;margin:0 auto;background:#fff0;border:1.5px solid var(--opr-border);color:var(--opr-muted);font-size:.92rem}.opr-btn-restart:hover{border-color:var(--opr-gold);color:var(--opr-gold)}.opr-error{padding:28px 40px;text-align:center;color:#c0392b;font-size:1.05rem;background:#fff5f5;border-top:1px solid #ffd5d5}@media (max-width:600px){.opr-form,.opr-results{padding:28px 22px}.opr-header{padding:34px 22px 28px}.opr-title{font-size:2.1rem}.opr-subtitle{font-size:1rem}.opr-step-title{font-size:1.6rem}.opr-step-desc{font-size:.95rem}.opr-options{grid-template-columns:1fr}.opr-option span{font-size:1.05rem;padding:17px 18px}.opr-btn{padding:15px 26px;font-size:.92rem}.opr-cards{grid-template-columns:1fr 1fr}}