:root{--bg-card:rgba(255, 255, 255, 0.7);--border-card:rgba(214, 211, 209, 0.5);--border-glow:rgba(217, 119, 6, 0.1);--text-main:#212121;--amber:#d97706;--amber-hover:#b45309;--teal:#0f766e;--teal-glow:rgba(15, 118, 110, 0.15);--emerald:#059669;--rose:#e11d48;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.text-center, .center{text-align:center;}#results-container h4, #results-container h3{margin-top:10px !important;margin-bottom:10px !important;text-align:center !important;text-transform:none !important;}.grid-inputs{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem;}@media(min-width:1920px){.grid-inputs{grid-template-columns:1fr 1fr;}}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:1rem;padding:2rem;box-shadow:0 10px 30px -10px rgba(120, 113, 108, 0.15);transition:var(--transition);position:relative;overflow:hidden;}.glass-card:hover{border-color:rgba(217, 119, 6, 0.3);box-shadow:0 15px 35px -5px rgba(120, 113, 108, 0.25), 0 0 15px var(--border-glow);transform:translateY(-2px);}.card-title{font-size:1.25rem;font-weight:500;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;}.card-title.pria{color:#2563eb;}.card-title.wanita{color:#db2777;}.form-group{margin-bottom:1.25rem;position:relative;}.form-group label{display:block;font-size:16px;margin-bottom:0.35rem;font-weight:500;}.input-control, .select-control{width:100%;background:#ffffff;border:1px solid #d6d3d1;color:var(--text-main);border-radius:0.5rem;padding:0.75rem 1rem;font-size:16px;outline:none;transition:var(--transition);font-family:inherit;}.input-control:focus, .select-control:focus{border-color:var(--amber);box-shadow:0 0 0 2px rgba(217, 119, 6, 0.15);}.select-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.75rem;}.auto-badge{position:absolute;right:0;top:0;background:rgba(5, 150, 105, 0.1);border:1px solid rgba(5, 150, 105, 0.2);color:#059669;font-size:0.7rem;padding:0.1rem 0.5rem;border-radius:9999px;font-weight:500;transition:var(--transition);}.action-section{text-align:center;margin-bottom:3.5rem;}.btn-glowing{background:linear-gradient(135deg, #d97706, #b45309);border:none;color:#ffffff;font-family:'Fira Sans', sans-serif;font-weight:500;font-size:1.1rem;padding:1rem 3rem;border-radius:0.75rem;cursor:pointer;box-shadow:0 4px 20px rgba(217, 119, 6, 0.3);transition:var(--transition);display:inline-flex;align-items:center;gap:0.75rem;}.btn-glowing:hover{transform:scale(1.03);box-shadow:0 6px 25px rgba(217, 119, 6, 0.4);background:linear-gradient(135deg, #b45309, #92400e);}.btn-glowing:active{transform:scale(0.98);}.error-container{background:rgba(225, 29, 72, 0.08);border:1px solid rgba(225, 29, 72, 0.2);color:#e11d48;padding:0.75rem 1.5rem;border-radius:0.5rem;display:inline-block;margin-top:1rem;font-size:0.9rem;}.hidden{display:none !important;}.results-header{border-bottom:1px dashed rgba(120, 113, 108, 0.3);padding-bottom:1.5rem;margin-bottom:2.5rem;}.results-header h2{font-size:1.75rem;font-weight:500;text-align:center;color:var(--amber);}.grid-comparison{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;}@media(min-width:768px){.grid-comparison{grid-template-columns:1fr 1fr;}}.comparison-card{background:rgba(255, 255, 255, 0.5);border:1px solid rgba(120, 113, 108, 0.15);border-radius:1rem;padding:1.5rem;}.comparison-title{font-size:16px;font-weight:500;text-align:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(120, 113, 108, 0.15);padding-bottom:0.75rem;text-transform:capitalize;}.comparison-card.pria .comparison-title{color:#2563eb;}.comparison-card.wanita .comparison-title{color:#db2777;}.detail-row{display:flex;flex-direction:column;border-bottom:1px solid rgba(120, 113, 108, 0.15);padding:0.75rem 0;text-align:center;}.detail-row:last-child{border-bottom:none;}.detail-label{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0;margin-bottom:0.25rem;color:#666;}.detail-val{font-size:16px !important;font-weight:400;color:var(--text-main);text-align:justify;}i{font-style:italic;}.detail-val.italic{font-style:italic;font-weight:400;color:#212121;}.card-grid-compatibility{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;}@media(min-width:1920px){.card-grid-compatibility{grid-template-columns:1fr 1fr;}}.comp-box-header{font-size:1.1rem;font-weight:500;color:var(--teal);text-align:center;margin-bottom:1rem;}.pills-container{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1rem;}@media(min-width:480px){.pills-container{grid-template-columns:repeat(4, 1fr);}}.pill-card{background:rgba(255, 255, 255, 0.6);border:1px solid rgba(120, 113, 108, 0.2);border-radius:0.5rem;padding:0.5rem;text-align:center;}.pill-label{font-size:13px;text-transform:uppercase;margin-bottom:0.25rem;}.pill-val{font-size:16px;font-weight:500;color:var(--text-main);transition:var(--transition);}.pill-val.color-green{color:var(--emerald);}.pill-val.color-yellow{color:#ca8a04;}.pill-val.color-red{color:var(--rose);}.color-text-green{color:var(--emerald) !important;}.color-text-yellow{color:#ca8a04 !important;}.color-text-red{color:var(--rose) !important;}.status-box{background:rgba(255, 255, 255, 0.55);border:1px solid rgba(120, 113, 108, 0.2);border-radius:0.75rem;padding:1.25rem;}.status-box p.desc{margin-top:0.5rem;text-align:justify;}.split-boxes{display:grid;grid-template-columns:1fr;gap:1rem;}@media(min-width:600px){.split-boxes{grid-template-columns:1fr 1fr;}}.mini-status-box{background:rgba(255, 255, 255, 0.4);border:1px solid rgba(120, 113, 108, 0.15);border-radius:0.5rem;padding:1rem;text-align:center;}.mini-status-box h5{font-size:18px;margin-bottom:0.25rem;font-weight:500;}.mini-status-box p{font-size:14px;line-height:1.6;}.conclusion-card{border-color:rgba(245, 158, 11, 0.3);}.conclusion-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right, var(--amber), var(--teal));}.kesimpulan-layout{padding:0.5rem;}.conclusion-section-title{text-align:center;font-size:1.15rem;font-weight:500;color:var(--amber);margin-top:1.5rem !important;margin-bottom:0.75rem !important;border-bottom:1px solid rgba(120, 113, 108, 0.15);padding-bottom:0.25rem;}.kesimpulan-layout p{color:var(--text-main);margin-bottom:1rem;margin:0;padding:0;}.kesimpulan-layout h4{margin:15px 0 15px 0;padding:0;}.kesimpulan-layout ul, .kesimpulan-layout ol{margin-bottom:1.5rem;margin-left:20px;}.kesimpulan-layout li{margin-bottom:0.5rem;color:var(--text-main);font-size:16px;}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes heartPulse{0%{transform:scale(1);}14%{transform:scale(1.12);}28%{transform:scale(1);}42%{transform:scale(1.12);}70%{transform:scale(1);}}.fade-in-up{animation:fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.app-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem;padding:0.5rem;background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(120, 113, 108, 0.2);border-radius:9999px;max-width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 4px 20px rgba(28, 25, 23, 0.05);}.nav-link{color:var(--text-muted);text-decoration:none;font-family:'Fira Sans', sans-serif;font-size:0.9rem;font-weight:500;padding:0.6rem 1.5rem;border-radius:9999px;transition:var(--transition);display:flex;align-items:center;gap:0.5rem;}.nav-link:hover{color:var(--text-main);background:rgba(0, 0, 0, 0.04);}.nav-link.active{color:#fff !important;background:linear-gradient(135deg, var(--amber), #f59e0b);box-shadow:0 4px 12px rgba(217, 119, 6, 0.25);}.career-box{border-left:3px solid var(--teal);background:rgba(15, 118, 110, 0.07);padding:1rem 1.25rem;border-radius:0 0.75rem 0.75rem 0;margin-top:1rem;text-align:left;}.career-box p{margin-bottom:0.5rem !important;}.career-box p:last-child{margin-bottom:0 !important;}.next-otonan-container{background:rgba(15, 118, 110, 0.05);border:1px dashed var(--teal);border-radius:0.75rem;padding:1.5rem;text-align:center;margin-bottom:2rem;}.next-otonan-container h4{font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:0.5rem;}.next-otonan-container h2{font-size:1.8rem;color:var(--amber);font-weight:500;}.details-grid-horizontal{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem;}@media(min-width:640px){.details-grid-horizontal{grid-template-columns:1fr 1fr;}}.attribute-list{background:rgba(255, 255, 255, 0.5);border:1px solid rgba(120, 113, 108, 0.15);border-radius:0.75rem;padding:1.25rem;text-align:center;}.attribute-list h4{font-size:16px;font-weight:500;color:var(--amber);margin-bottom:1rem;border-bottom:1px solid rgba(120, 113, 108, 0.15);padding-bottom:0.5rem;text-align:center;gap:0.5rem;}.attribute-item{font-size:16px;margin-bottom:0.75rem;line-height:1.6;}.attribute-item:last-child{margin-bottom:0;}.attribute-name{font-weight:500;display:block;margin-bottom:0.15rem;}.attribute-value{font-weight:500;}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}@keyframes pulse{0%, 100%{opacity:1;}50%{opacity:.5;}}