:root{--orange: #FF6B2B;--orange-light: #FF8F5E;--orange-pale: #FFF0E8;--cream: #FFFBF7;--brown: #3D1F00;--brown-mid: #7A4010;--green: #2ECC71;--red: #E74C3C;--yellow: #F1C40F;--blue: #3498DB;--grey: #F5F0EB;--text: #2C1A0E;--text-soft: #8B6552;--white: #FFFFFF;--shadow: 0 8px 32px rgba(61, 31, 0, .12);--shadow-lg: 0 24px 64px rgba(61, 31, 0, .18);--radius: 20px;--radius-sm: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,Times New Roman,Times,serif;background:var(--cream);color:var(--text);min-height:100vh;overflow-x:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d1f008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;animation:fadeIn .4s ease}.modal-box{background:var(--white);border-radius:28px;padding:48px 40px;max-width:480px;width:90%;text-align:center;box-shadow:var(--shadow-lg);animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}.modal-paw{font-size:56px;margin-bottom:16px}.modal-box h2{font-family:Outfit,Outfit,sans-serif;font-size:26px;font-weight:800;color:var(--brown);margin-bottom:12px}.modal-box p{color:var(--text-soft);font-size:15px;line-height:1.6;margin-bottom:32px}.modal-btns{display:flex;gap:14px;justify-content:center}.btn-yes,.btn-no{padding:14px 36px;border-radius:50px;font-family:Outfit,Outfit,sans-serif;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:all .25s ease}.btn-yes{background:var(--orange);color:#fff}.btn-yes:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b2b59}.btn-no{background:var(--grey);color:var(--text-soft)}.btn-no:hover{background:#eae4de;transform:translateY(-2px)}.hero{min-height:100vh;background:linear-gradient(135deg,#ff6b2b,#ff8f5e 40%,#ffb347);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 20%,rgba(255,255,255,.15) 0%,transparent 60%)}.hero-blobs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;background:#ffffff14;animation:float 8s ease-in-out infinite}.blob-1{width:300px;height:300px;top:-80px;left:-80px;animation-delay:0s}.blob-2{width:200px;height:200px;bottom:80px;right:-40px;animation-delay:-3s}.blob-3{width:150px;height:150px;top:50%;left:10%;animation-delay:-5s}.paw-buddy-title{font-family:Outfit,Outfit,sans-serif;font-size:clamp(32px,6vw,48px);font-weight:900;letter-spacing:2px;margin-bottom:24px;z-index:1;position:relative;text-transform:uppercase;animation:fadeInDown .6s ease .1s both}.paw-buddy-title .highlight{color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.2)}.paw-buddy-title .highlight-orange{color:var(--brown);background:#fff;padding:4px 16px;border-radius:12px;box-shadow:0 8px 24px #00000026;display:inline-block;transform:rotate(-2deg)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50px;padding:8px 20px;color:#fff;font-size:13px;font-weight:500;margin-bottom:28px;animation:fadeInDown .6s ease .2s both}.hero h1{font-family:Outfit,Outfit,sans-serif;font-size:clamp(42px,8vw,80px);font-weight:800;color:#fff;line-height:1.05;margin-bottom:20px;animation:fadeInDown .6s ease .3s both}.hero h1 span{color:#ffffffbf}.hero p{color:#ffffffe0;font-size:clamp(15px,2.5vw,18px);max-width:500px;line-height:1.7;margin:0 auto 40px;text-align:center;animation:fadeInDown .6s ease .4s both}.hero-cta{background:#fff;color:var(--orange);padding:18px 44px;border-radius:50px;font-family:Outfit,Outfit,sans-serif;font-weight:800;font-size:17px;border:none;cursor:pointer;box-shadow:0 12px 40px #0003;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:fadeInDown .6s ease .5s both;display:inline-flex;align-items:center;gap:10px}.hero-cta:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 20px 56px #00000047}.hero-stats{display:flex;gap:40px;margin-top:60px;animation:fadeInDown .6s ease .6s both;flex-wrap:wrap;justify-content:center}.stat{color:#fff;text-align:center}.stat-num{font-family:Outfit,Outfit,sans-serif;font-size:28px;font-weight:800}.stat-label{font-size:12px;opacity:.75;margin-top:2px}.scroll-hint{position:absolute;bottom:32px;color:#fff9;font-size:13px;animation:bounce 2s ease-in-out infinite}#quiz-section{display:none;min-height:100vh;padding:60px 20px;background:linear-gradient(135deg,#ff6b2b,#ff8f5e 35%,#ffb347 65%,#fff0e8);background-size:400% 400%;animation:quizBgShift 8s ease infinite;position:relative;overflow:hidden}#quiz-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,255,255,.18) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,200,100,.15) 0%,transparent 50%);pointer-events:none}.quiz-blob{position:absolute;border-radius:50%;background:#ffffff1a;pointer-events:none;animation:quizFloat 10s ease-in-out infinite}.quiz-blob-1{width:320px;height:320px;top:-100px;right:-80px;animation-delay:0s}.quiz-blob-2{width:200px;height:200px;bottom:60px;left:-60px;animation-delay:-4s}.quiz-blob-3{width:140px;height:140px;top:40%;right:10%;animation-delay:-7s}@keyframes quizBgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes quizFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-28px) scale(1.05)}}.quiz-wrap{max-width:680px;margin:0 auto;position:relative;z-index:1}.quiz-header{text-align:center;margin-bottom:48px}.quiz-header h2{font-family:Outfit,Outfit,sans-serif;font-size:32px;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(61,31,0,.2)}.quiz-header p{color:#ffffffd9;margin-top:8px;font-size:15px}.progress-wrap{margin-bottom:36px}.progress-labels{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#ffffffd9;font-weight:600}.progress-bar-bg{background:#eae4de;border-radius:50px;height:8px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-light));border-radius:50px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.question-card{background:#fff;border-radius:var(--radius);padding:40px;box-shadow:var(--shadow);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.q-num{display:inline-block;background:var(--orange-pale);color:var(--orange);font-family:Outfit,Outfit,sans-serif;font-weight:700;font-size:12px;padding:4px 12px;border-radius:50px;margin-bottom:16px;letter-spacing:.08em}.q-text{font-family:Outfit,Outfit,sans-serif;font-size:clamp(18px,3.5vw,24px);font-weight:700;color:var(--brown);margin-bottom:8px;line-height:1.3}.q-sub{color:var(--text-soft);font-size:14px;margin-bottom:28px}.options-grid{display:grid;gap:12px}.options-grid.cols-2{grid-template-columns:1fr 1fr}.options-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.option-btn{padding:16px 20px;border:2px solid #EAE4DE;border-radius:var(--radius-sm);background:#fff;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease;display:flex;align-items:flex-start;gap:10px;line-height:1.4}.option-btn .opt-icon{font-size:22px;flex-shrink:0;margin-top:2px}.opt-content{display:flex;flex-direction:column;gap:2px}.opt-label{font-weight:600;font-size:14px}.opt-desc{font-size:11px;color:var(--text-soft);font-weight:400;line-height:1.4}.option-btn.selected .opt-desc{color:#fffc}.option-btn:hover{border-color:var(--orange);background:var(--orange-pale);color:var(--brown)}.option-btn.selected{border-color:var(--orange);background:var(--orange);color:#fff;transform:scale(1.02);box-shadow:0 4px 20px #ff6b2b4d}.option-btn.selected .opt-icon{filter:none}.quiz-nav{display:flex;justify-content:space-between;margin-top:28px;align-items:center}.btn-back{background:none;border:2px solid #EAE4DE;padding:12px 24px;border-radius:50px;color:var(--text-soft);font-weight:600;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-back:hover{border-color:var(--orange);color:var(--orange)}.btn-next{background:var(--orange);color:#fff;padding:14px 32px;border-radius:50px;border:none;font-family:Outfit,Outfit,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:8px}.btn-next:hover:not(:disabled){background:var(--orange-light);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b2b59}.btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none}#results-section{display:none;padding:60px 20px;background:var(--cream)}.results-wrap{max-width:900px;margin:0 auto}.results-header{text-align:center;margin-bottom:48px}.results-header h2{font-family:Outfit,Outfit,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:800;color:var(--brown)}.results-header p{color:var(--text-soft);margin-top:8px}.top-match{background:linear-gradient(135deg,var(--orange) 0%,#FF8F5E 100%);border-radius:28px;padding:36px 40px;color:#fff;margin-bottom:24px;display:flex;align-items:center;gap:32px;box-shadow:0 16px 48px #ff6b2b4d;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);flex-wrap:wrap}.top-match-media{display:flex;flex-direction:column;align-items:center;gap:20px;flex-shrink:0;width:180px}.top-match-img{width:180px;height:180px;border-radius:24px;object-fit:cover;border:4px solid rgba(255,255,255,.3);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:56px;overflow:hidden}.top-match-info{flex:1;min-width:220px}.top-match-media .match-score{margin-top:0}.top-badge{display:inline-block;background:#ffffff40;padding:4px 14px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:10px}.top-match-info h3{font-family:Outfit,Outfit,sans-serif;font-size:30px;font-weight:800;margin-bottom:8px}.top-match-info .reason{font-size:14px;opacity:.9;line-height:1.6;margin-bottom:16px}.match-tags{display:flex;flex-wrap:wrap;gap:8px}.match-tag{background:#fff3;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:500}.match-score{font-family:Outfit,Outfit,sans-serif;font-size:48px;font-weight:800;text-align:center;flex-shrink:0}.match-score span{font-size:16px;opacity:.7;display:block}.breeds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:32px}.breed-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:all .3s ease;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent}.breed-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--orange)}.breed-card.selected-compare{border-color:var(--blue);box-shadow:0 8px 32px #3498db33}.breed-card-img{height:140px;background:var(--orange-pale);display:flex;align-items:center;justify-content:center;font-size:72px;position:relative}.breed-rank{position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;font-family:Outfit,Outfit,sans-serif;font-weight:800;font-size:12px;padding:4px 10px;border-radius:50px}.breed-match-pct{position:absolute;top:12px;right:12px;background:#fff;color:#d4ac0d;font-family:Outfit,Outfit,sans-serif;font-weight:800;font-size:12px;padding:4px 12px;border-radius:50px;box-shadow:0 2px 8px #00000026;z-index:2}.breed-card-body{padding:20px}.breed-name{font-family:Outfit,Outfit,sans-serif;font-size:18px;font-weight:800;color:var(--brown);margin-bottom:6px}.breed-reason{font-size:12px;color:var(--text-soft);line-height:1.5;margin-bottom:14px}.breed-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pill{padding:3px 10px;border-radius:50px;font-size:11px;font-weight:600}.pill-orange{background:var(--orange-pale);color:var(--orange)}.pill-green{background:#e8faf0;color:#27ae60}.pill-red{background:#fdeaea;color:var(--red)}.pill-blue{background:#ebf5fb;color:var(--blue)}.pill-yellow{background:#fffbea;color:#d4ac0d}.breed-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-stat{font-size:11px;color:var(--text-soft)}.mini-stat strong{display:block;color:var(--text);font-size:12px}.breed-card-actions{padding:0 20px 20px;display:flex;gap:8px}.btn-details,.btn-compare{flex:1;padding:10px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.btn-details{background:var(--orange);color:#fff}.btn-details:hover{background:var(--orange-light)}.btn-compare{background:var(--grey);color:var(--text-soft)}.btn-compare:hover{background:#ebf5fb;color:var(--blue)}.btn-compare.active{background:var(--blue);color:#fff}.compare-bar{display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--brown);color:#fff;padding:16px 28px;border-radius:50px;box-shadow:var(--shadow-lg);z-index:500;align-items:center;gap:16px;font-size:14px;white-space:nowrap;animation:slideUp .3s ease}.compare-bar.show{display:flex}.btn-do-compare{background:var(--orange);color:#fff;padding:8px 20px;border-radius:50px;border:none;font-weight:700;cursor:pointer;font-size:13px;transition:all .2s}.btn-do-compare:hover{background:var(--orange-light)}.custom-breed-section{background:#fff;border-radius:var(--radius);padding:32px;margin-bottom:24px;box-shadow:var(--shadow)}.custom-breed-section h3{font-family:Outfit,Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--brown);margin-bottom:8px}.custom-breed-section p{color:var(--text-soft);font-size:14px;margin-bottom:20px}.custom-search-wrap{display:flex;gap:12px;flex-wrap:wrap}.custom-breed-input{flex:1;min-width:200px;padding:14px 20px;border-radius:50px;border:2px solid #EAE4DE;font-size:15px;font-family:Georgia,Times New Roman,Times,serif;outline:none;transition:border-color .2s}.custom-breed-input:focus{border-color:var(--orange)}.btn-search-breed{background:var(--orange);color:#fff;padding:14px 28px;border-radius:50px;border:none;font-weight:700;cursor:pointer;font-size:14px;transition:all .25s;white-space:nowrap}.btn-search-breed:hover{background:var(--orange-light);transform:translateY(-2px)}.custom-result{margin-top:20px;display:none}.custom-result-inner{background:var(--orange-pale);border-radius:var(--radius-sm);padding:24px}.custom-result-inner h4{font-family:Outfit,Outfit,sans-serif;font-size:18px;font-weight:800;color:var(--brown);margin-bottom:16px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pros h5{color:#27ae60;font-weight:700;margin-bottom:8px;font-size:13px}.cons h5{color:var(--red);font-weight:700;margin-bottom:8px;font-size:13px}.pros ul,.cons ul{list-style:none}.pros ul li:before{content:" ";color:#27ae60;font-weight:700}.cons ul li:before{content:" ";color:var(--red);font-weight:700}.pros ul li,.cons ul li{font-size:13px;margin-bottom:6px;line-height:1.5;color:var(--text)}.share-section{background:#fff;border-radius:var(--radius);padding:32px;text-align:center;box-shadow:var(--shadow)}.share-section h3{font-family:Outfit,Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--brown);margin-bottom:8px}.share-section p{color:var(--text-soft);font-size:14px;margin-bottom:24px}.contact-panel{margin-top:24px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#fff7f2,#fff0e8);border:1px solid rgba(255,107,43,.18);text-align:center}.contact-panel h4{font-family:Outfit,Outfit,sans-serif;font-size:20px;color:var(--brown);margin-bottom:16px}.contact-item{margin:10px 0;font-size:15px;color:var(--text)}.contact-item strong{color:var(--orange)}.share-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-share{padding:12px 24px;border-radius:50px;border:none;font-weight:700;font-size:14px;cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:8px}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#1ebe5d;transform:translateY(-2px)}.btn-png{background:var(--orange);color:#fff}.btn-png:hover{background:var(--orange-light);transform:translateY(-2px)}.btn-restart{background:var(--grey);color:var(--text-soft)}.btn-restart:hover{background:#eae4de;transform:translateY(-2px)}.detail-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#3d1f0099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:900;overflow-y:auto;padding:40px 20px}.detail-overlay.open{display:flex;align-items:flex-start;justify-content:center}.detail-box{background:#fff;border-radius:28px;max-width:680px;width:100%;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.detail-header{background:linear-gradient(135deg,var(--orange),var(--orange-light));padding:36px 40px;color:#fff;position:relative}.detail-header h3{font-family:Outfit,Outfit,sans-serif;font-size:28px;font-weight:800;margin-bottom:8px}.detail-header .breed-emoji{font-size:64px;margin-bottom:12px;display:block}.btn-close-detail{position:absolute;top:20px;right:20px;background:#ffffff40;color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-close-detail:hover{background:#fff6}.detail-body{padding:36px 40px}.detail-section{margin-bottom:24px}.detail-section h4{font-family:Outfit,Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.detail-section p,.detail-section li{font-size:14px;line-height:1.7;color:var(--text)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{background:var(--grey);border-radius:var(--radius-sm);padding:14px 16px}.detail-item .di-label{font-size:11px;color:var(--text-soft);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.detail-item .di-val{font-size:14px;font-weight:600;color:var(--brown)}.cost-breakdown{background:var(--orange-pale);border-radius:var(--radius-sm);padding:16px 20px}.cost-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px dashed rgba(255,107,43,.2)}.cost-row:last-child{border-bottom:none;font-weight:700;color:var(--orange)}#compare-section{display:none;padding:60px 20px;background:var(--cream)}.compare-wrap{max-width:900px;margin:0 auto}.compare-header{text-align:center;margin-bottom:40px}.compare-header h2{font-family:Outfit,Outfit,sans-serif;font-size:32px;font-weight:800;color:var(--brown)}.compare-table-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse}.compare-table th{background:var(--orange);color:#fff;padding:16px 20px;font-family:Outfit,Outfit,sans-serif;font-weight:700;font-size:14px;text-align:left}.compare-table th:first-child{background:var(--brown)}.compare-table td{padding:14px 20px;border-bottom:1px solid #EAE4DE;font-size:13px;line-height:1.5;vertical-align:top}.compare-table tr:nth-child(2n) td{background:var(--grey)}.compare-table td:first-child{font-weight:700;color:var(--text-soft);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.btn-back-results{background:var(--brown);color:#fff;padding:14px 32px;border-radius:50px;border:none;font-family:Outfit,Outfit,sans-serif;font-weight:700;cursor:pointer;margin-top:32px;transition:all .25s}.btn-back-results:hover{background:var(--brown-mid)}#admin-section{display:none;min-height:100vh;background:var(--cream);padding:60px 20px}.admin-wrap{max-width:480px;margin:0 auto;text-align:center}.admin-wrap h2{font-family:Outfit,Outfit,sans-serif;font-size:28px;font-weight:800;color:var(--brown);margin-bottom:8px}.admin-wrap p{color:var(--text-soft);margin-bottom:40px}.admin-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.admin-card{background:#fff;border-radius:var(--radius);padding:32px 24px;box-shadow:var(--shadow);text-align:center}.admin-card .ac-num{font-family:Outfit,Outfit,sans-serif;font-size:56px;font-weight:800}.admin-card.yes-card .ac-num{color:var(--green)}.admin-card.no-card .ac-num{color:var(--red)}.admin-card .ac-label{font-size:13px;color:var(--text-soft);margin-top:4px}.admin-rate{font-size:18px;font-weight:700;color:var(--brown);margin-bottom:24px}footer{background:var(--brown);color:#ffffffb3;text-align:center;padding:40px 20px}footer .footer-logo{font-family:Outfit,Outfit,sans-serif;font-weight:800;font-size:22px;color:#fff;margin-bottom:8px}footer p{font-size:13px;margin-bottom:16px}footer a{color:var(--orange);text-decoration:none}footer a:hover{text-decoration:underline}.footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;font-size:13px}#share-card{position:fixed;left:-9999px;top:0;width:480px;background:#fff;font-family:Outfit,Outfit,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 600px){.options-grid.cols-2,.options-grid.cols-3{grid-template-columns:1fr}.question-card{padding:28px 24px}.top-match{flex-direction:column;text-align:center}.breeds-grid,.pros-cons,.detail-grid,.admin-cards{grid-template-columns:1fr}.modal-btns{flex-direction:column}.detail-body,.detail-header{padding:24px 20px}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d1f00a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:none;align-items:center;justify-content:center}.auth-overlay.open{display:flex}.auth-box{background:#fff;border-radius:28px;padding:44px 40px;max-width:440px;width:92%;box-shadow:0 24px 64px #3d1f0033;animation:slideUp .45s cubic-bezier(.34,1.56,.64,1)}.auth-logo{text-align:center;font-size:40px;margin-bottom:8px}.auth-title{font-family:Outfit,Outfit,sans-serif;font-size:22px;font-weight:800;color:var(--brown);text-align:center;margin-bottom:4px}.auth-sub{color:var(--text-soft);font-size:13px;text-align:center;margin-bottom:24px}.auth-tabs{display:flex;background:var(--grey);border-radius:50px;padding:4px;margin-bottom:24px}.auth-tab{flex:1;padding:9px;border:none;background:none;border-radius:50px;font-weight:700;font-size:13px;cursor:pointer;color:var(--text-soft);transition:all .2s}.auth-tab.active{background:var(--orange);color:#fff}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:12px;font-weight:700;color:var(--text-soft);margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em}.auth-input-wrap{position:relative}.auth-field input{width:100%;padding:12px 16px;border-radius:12px;border:2px solid #EAE4DE;font-size:14px;font-family:Outfit,Outfit,sans-serif;outline:none;transition:border-color .2s}.auth-field input:focus{border-color:var(--orange)}.auth-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-soft)}.auth-btn{width:100%;padding:14px;background:var(--orange);color:#fff;border:none;border-radius:50px;font-family:Outfit,Outfit,sans-serif;font-weight:800;font-size:15px;cursor:pointer;margin-top:8px;transition:all .25s}.auth-btn:hover{background:var(--orange-light);transform:translateY(-2px)}.auth-error{color:var(--red);font-size:12px;margin-top:8px;text-align:center;min-height:16px}.auth-success{color:#27ae60;font-size:12px;margin-top:8px;text-align:center}#auth-section{display:none;min-height:calc(100vh - 120px);padding:110px 18px 70px;background:linear-gradient(135deg,#fff7ed,#fff 45%,#f7f3ef)}#auth-section .auth-box{margin:0 auto}.user-bar{background:var(--orange-pale);border-bottom:1px solid rgba(255,107,43,.15);padding:8px 20px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--brown)}.user-bar-name{font-weight:700}.user-bar-logout{background:none;border:none;color:var(--orange);font-weight:700;cursor:pointer;font-size:13px}.buy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d1f00a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:none;align-items:center;justify-content:center}.buy-overlay.open{display:flex}.buy-box{background:#fff;border-radius:28px;padding:40px;max-width:480px;width:92%;box-shadow:0 24px 64px #3d1f0033;animation:slideUp .45s cubic-bezier(.34,1.56,.64,1)}.buy-box h3{font-family:Outfit,Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--brown);margin-bottom:8px}.buy-box .buy-breed-name{color:var(--orange);font-weight:700;font-size:17px;margin-bottom:16px}.buy-avail{background:linear-gradient(135deg,#e8faf0,#d5f5e3);border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.buy-avail-icon{font-size:24px}.buy-avail-text{font-size:14px;font-weight:600;color:#1e8449}.buy-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.buy-action-btn{padding:14px;border-radius:16px;border:2px solid #EAE4DE;background:#fff;cursor:pointer;font-weight:700;font-size:13px;color:var(--text);transition:all .2s;text-align:center}.buy-action-btn:hover{border-color:var(--orange);background:var(--orange-pale);color:var(--orange)}.buy-action-btn.selected{border-color:var(--orange);background:var(--orange);color:#fff}.buy-close{background:none;border:none;color:var(--text-soft);cursor:pointer;font-size:13px;margin-top:8px;text-align:center;display:block;width:100%}.btn-buy{flex:1;padding:10px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease;background:#27ae60;color:#fff}.btn-buy:hover{background:#1e8449}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d1f0080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1800;display:none;align-items:flex-end;justify-content:center;padding-bottom:32px}.feedback-overlay.open{display:none;pointer-events:none}.feedback-box{background:#fff;border-radius:24px;padding:32px 36px;max-width:440px;width:92%;box-shadow:0 24px 64px #3d1f0033;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.feedback-box h4{font-family:Outfit,Outfit,sans-serif;font-size:18px;font-weight:800;color:var(--brown);margin-bottom:6px}.feedback-box p{color:var(--text-soft);font-size:13px;margin-bottom:20px}.stars-row{display:flex;gap:10px;justify-content:center;margin-bottom:18px}.star-btn{background:none;border:none;font-size:36px;cursor:pointer;transition:transform .15s;line-height:1;color:#d4ac0d;opacity:.3}.star-btn.lit{opacity:1}.star-btn:hover{transform:scale(1.2)}.feedback-textarea{width:100%;padding:12px 16px;border-radius:12px;border:2px solid #EAE4DE;font-size:14px;font-family:Outfit,Outfit,sans-serif;resize:none;outline:none;min-height:80px;transition:border-color .2s}.feedback-textarea:focus{border-color:var(--orange)}.feedback-submit{width:100%;padding:13px;background:var(--orange);color:#fff;border:none;border-radius:50px;font-family:Outfit,Outfit,sans-serif;font-weight:800;font-size:14px;cursor:pointer;margin-top:12px;transition:all .25s}.feedback-submit:hover{background:var(--orange-light)}.feedback-skip{background:none;border:none;color:var(--text-soft);font-size:12px;cursor:pointer;display:block;text-align:center;margin-top:8px}.option-btn.multi-selected{border-color:var(--orange);background:var(--orange);color:#fff;transform:scale(1.02);box-shadow:0 4px 20px #ff6b2b4d}.option-btn.multi-selected .opt-desc{color:#fffc}.multi-hint{font-size:11px;color:var(--orange);font-weight:600;text-align:right;margin-bottom:6px}.btn-pdf-compare{background:var(--brown);color:#fff;padding:12px 24px;border-radius:50px;border:none;font-weight:700;font-size:13px;cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:8px;margin-top:16px}.btn-pdf-compare:hover{background:var(--brown-mid);transform:translateY(-2px)}#admin-section .admin-wrap{max-width:860px}.admin-table-wrap{margin-top:32px;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{background:var(--brown);color:#fff;padding:12px 16px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.admin-table td{padding:11px 16px;border-bottom:1px solid #EAE4DE}.admin-table tr:nth-child(2n) td{background:var(--grey)}.admin-section-title{font-family:Outfit,Outfit,sans-serif;font-size:16px;font-weight:800;color:var(--brown);margin:32px 0 12px;text-align:left}.glass-panel{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #0000000d;border-radius:24px}.hover-lift{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px #00000014}.magnetic-btn{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.gradient-text{background:linear-gradient(135deg,var(--orange),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.breed-card-3d{transform-style:preserve-3d;perspective:1000px}