.form-tra-cuu-tts{display:flex;justify-content:center}.tinh-duyen-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgb(0 0 0 / .1);overflow:hidden;padding:30px}.tinh-duyen-header{text-align:center;padding:0;color:#1338dc}.tinh-duyen-header h3{font-size:1.5rem;margin-bottom:10px}.subtitle{color:#666!important;font-size:.8em;font-style:italic}#formTinhDuyen{margin-bottom:25px}.text-align-left{text-align:left!important;text-transform:none!important;color:#1f1f1f!important;margin-bottom:10px!important;margin-left:0}.tinh-duyen-form-section{margin-top:25px}.formTinhDuyen{background:#f8f9fa;padding:30px;border-radius:15px;margin-bottom:30px}.person-form{background:#fff;padding:25px;border-radius:10px;margin-bottom:25px;border:2px solid #e9ecef;transition:all 0.3s ease}.person-form:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px rgb(102 126 234 / .1)}.person-form h2{color:#333;margin-bottom:20px;font-size:1.4rem;display:flex;align-items:center;gap:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input,.form-group select{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:all 0.3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.btn-submit{width:100%;padding:18px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgb(102 126 234 / .3)}.btn-submit:active{transform:translateY(0)}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:30px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.result-section{animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;padding:30px 0}.compatibility-score{margin:30px auto;display:flex;justify-content:center}.score-circle{width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px rgb(0 0 0 / .2);animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.score-number{font-size:48px;font-weight:700;line-height:1}.score-label{font-size:18px;margin-top:10px}.person-info{display:flex;align-items:center;justify-content:space-between;margin:40px 0;gap:30px}.person-card{flex:1;background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .1);text-align:center;transition:all 0.3s ease}.person-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .15)}.person-card h3{color:#333;margin-bottom:15px;font-size:1.3rem}.vs-circle{width:60px;height:60px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.result-description{background:#f8f9fa;padding:25px;border-radius:15px;margin:30px 0;border-left:5px solid #667eea}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0}.btn-detail,.btn-print{padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-detail{background:linear-gradient(135deg,#4CAF50 0%,#8BC34A 100%);color:#fff}.btn-print{background:linear-gradient(135deg,#2196F3 0%,#21CBF3 100%);color:#fff}.btn-detail:hover,.btn-print:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:20px;margin-top:30px;color:#856404}.yeu-to-grid{margin:30px 0;background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .05)}.yeu-to-item{margin:15px 0;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.yeu-to-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.yeu-to-name{font-weight:600;color:#333;font-size:16px}.yeu-to-percent{font-weight:700;font-size:20px;color:#4CAF50}.progress-bar{width:100%;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;border-radius:10px;transition:width 1s ease}.yeu-to-details{font-size:14px;color:#666;margin-top:5px}.form-submit{margin-top:25px}@keyframes fillProgress{from{width:0}to{width:var(--target-width)}}.progress-fill{animation:fillProgress 1.5s ease-out}.yeu-to-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:all 0.3s ease}.progress-excellent{background:linear-gradient(90deg,#4CAF50,#8BC34A)}.progress-good{background:linear-gradient(90deg,#8BC34A,#FFC107)}.progress-average{background:linear-gradient(90deg,#FFC107,#FF9800)}.progress-low{background:linear-gradient(90deg,#FF9800,#F44336)}.badge{background:#f0f0f0;padding:2px 6px;border-radius:4px;margin-right:3px;display:inline-block}.btn_xemts_td{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;min-width:260px;font-size:16px;font-weight:600;line-height:1;color:#fff;text-decoration:none!important;background:linear-gradient(135deg,#6a5cff,#8f6bff);border-radius:10px;box-shadow:0 8px 20px rgb(106 92 255 / .35);transition:all 0.25s ease;cursor:pointer}.btn_xemts_td:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 28px rgb(106 92 255 / .45);filter:brightness(1.05)}.btn_xemts_td:active{transform:translateY(0);box-shadow:0 6px 14px rgb(106 92 255 / .35)}.btn_xemts_td:focus-visible{outline:3px solid rgb(143 107 255 / .5);outline-offset:3px}.love-result-wrapper{margin:20px auto;background:#fff0f5;border-radius:20px;box-shadow:0 10px 30px rgb(0 0 0 / .1);overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;position:relative}.love-stage{position:relative;display:flex;justify-content:space-between;align-items:center;padding:40px 20px;min-height:400px;overflow:hidden}.info-block{flex:1;text-align:center;z-index:10;opacity:0;transition:all 1s ease-out}.info-block.active{opacity:1;transform:translateY(0)}.info-male{transform:translateX(-50px)}.info-female{transform:translateX(50px)}.avatar-frame{width:80px;height:80px;background:#fff;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:35px;box-shadow:0 5px 15px rgb(0 0 0 / .1)}.info-male .avatar-frame{color:#2196f3;border:4px solid #bbdefb}.info-female .avatar-frame{color:#e91e63;border:4px solid #f8bbd0}.display-name{font-weight:700;font-size:18px;color:#333;margin-bottom:5px}.display-dob{font-size:14px;color:#666;font-style:italic}:root{--heart-size:260px;--heart-empty-color:rgb(255 220 220);--heart-glow:drop-shadow(0 0 10px rgba(233, 30, 99, 0.7))}.heart-center{flex:0 0 var(--heart-size);width:var(--heart-size);height:var(--heart-size);position:relative;display:flex;justify-content:center;align-items:center;z-index:5;margin:0 auto}.heart-part{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:transform 1.5s cubic-bezier(.2,.8,.2,1),opacity 0.5s;z-index:20;pointer-events:none}.heart-part i{font-size:var(--heart-size);position:absolute;top:0;left:0;width:100%;text-align:center;line-height:var(--heart-size);color:var(--heart-empty-color);filter:var(--heart-glow);display:block}#h-left{transform:translateX(-200px);clip-path:inset(-20px 50% -20px -20px)}#h-left i{left:0}#h-right{transform:translateX(200px);clip-path:inset(-20px -20px -20px 50%)}#h-right i{right:0;left:auto;margin-left:calc(var(--heart-size) * -0.5)}.heart-full{position:absolute;font-size:var(--heart-size);line-height:var(--heart-size);top:0;left:0;width:100%;text-align:center;display:none;z-index:15;display:inline-block;background:linear-gradient(to top,#e91e63 0%,var(--heart-empty-color) 0%);-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:var(--heart-glow);transition:background 0.1s linear}.score-overlay{position:absolute;z-index:25;text-align:center;color:#fff;display:none;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 2px 5px rgb(0 0 0 / .7);width:100%}.score-percent{font-size:50px;font-weight:900;line-height:1}:root{--orbit-radius:170px;--angel-speed:20s}.angel{position:absolute;width:80px;height:80px;top:50%;left:50%;margin-top:-40px;margin-left:-40px;background-size:contain!important;background-repeat:no-repeat;background-position:center;z-index:30;pointer-events:none;opacity:0;animation:orbit-upright var(--angel-speed) linear infinite;animation-play-state:paused}.angel-l{animation-delay:calc(var(--angel-speed) / -2)}.angel-r{animation-delay:0s}@keyframes orbit-upright{from{transform:rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--orbit-radius)) rotate(-360deg)}}.rain-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.rain-heart{position:absolute;color:#ffc1e3;opacity:.6;animation:fall linear forwards;pointer-events:none}@keyframes fall{to{transform:translateY(500px) rotate(360deg);opacity:0}}.active-part{transform:translateX(0)!important;opacity:1!important}.jello{animation:pulse-jello 1.2s infinite}@keyframes pulse-jello{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(.95)}100%{transform:scale(1)}}@media (max-width:600px){.love-stage{flex-direction:row;flex-wrap:wrap;align-items:flex-start;min-height:auto;padding-bottom:20px}:root{--heart-size:200px;--orbit-radius:110px}.heart-center{order:1;width:var(--heart-size);height:var(--heart-size);margin:20px auto 40px auto;flex:none}#h-left{clip-path:inset(-20px 50% -20px -20px)}#h-right{clip-path:inset(-20px -20px -20px 50%)}.info-block{order:2;flex:0 0 50%;width:50%;padding:0 5px;margin-top:0!important;box-sizing:border-box}.info-male,.info-female{transform:none!important;text-align:center}.avatar-frame{width:60px;height:60px;font-size:25px;margin:0 auto 10px}.display-name{font-size:15px;word-wrap:break-word}}.trait-chart-container{background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .08);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;max-width:800px;margin:20px auto}.trait-chart-title{text-align:center;color:#6200ea;margin-bottom:35px;text-transform:uppercase;font-size:20px;font-weight:700;letter-spacing:1px}.trait-names-header{display:flex;justify-content:space-between;margin-bottom:30px;font-weight:700;font-size:16px;color:#333}.trait-name-item{display:flex;align-items:center;gap:8px}.trait-list{display:flex;flex-direction:column;gap:25px}.trait-row{display:flex;flex-direction:column}.trait-label{text-align:center;font-size:14px;font-weight:700;color:#2e2e2e;margin-bottom:10px}.trait-bars-wrapper{display:flex;align-items:center;gap:4px}.bar-side{flex:1;background:#f0f2f5;height:25px;position:relative;overflow:hidden}.bar-side-left{border-radius:20px 0 0 20px;display:flex;justify-content:flex-end}.bar-side-right{border-radius:0 20px 20px 0;display:flex;justify-content:flex-start}.bar-fill{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;transition:width 0.5s ease-in-out}.bar-side-left .bar-fill{box-shadow:inset -2px 0 5px rgb(0 0 0 / .1)}.bar-side-right .bar-fill{box-shadow:inset 2px 0 5px rgb(0 0 0 / .1)}.trait-footer{margin-top:35px;padding-top:20px;border-top:1px dashed #ddd;font-size:13px;color:#888;text-align:center;font-style:italic;line-height:1.5}.tinh-duyen-submit-btn{border-top-width:0;border-right-width:0;border-left-width:0;border-bottom-width:0;color:#fff;border-color:#046bd2;background-color:#046bd2;padding:10px 20px;padding-right:30px;font-family:inherit;font-weight:500;font-size:16px;line-height:1em;margin:0 0 20px 0}.tinh-duyen-submit-btn:hover{background-color:#018c96}.duong_doi_stext{font-size:13px;color:#009fdf;padding:2px 8px;border-radius:10px;display:inline-block;margin-top:4px;font-weight:700}.no_nghiep_cn{width:48%}.co_no_nghiep{color:#fff;padding:2px 8px;border-radius:10px;margin-left:auto}.result-card-bg-trang,.result-card-bg-hong{padding:20px;border-radius:15px;border:1px solid #ffcdd2}.result-card-bg-trang{background:#fff;margin:0 25px 25px;text-align:center}.result-card-bg-hong{margin:25px;border:1px solid #ffcdd2;background:#fff8f8}.td-result-box{border:2px dashed #4caf50;background:#e8f5e9;border-radius:12px;padding:20px;margin-bottom:25px}.tuong_tac_no_ng{padding:25px;border-radius:16px;margin-bottom:25px}.tuong_tac_no_ngh{background:rgb(255 255 255 / .1);padding:20px;border-radius:12px;margin-top:15px}.mobile_show_xtd{display:none}.mobile_hide_xtd{display:block}.result-box-main{background:#fff;padding:15px;border-radius:8px;color:#333;border:1px solid #c8e6c9}.badge_xem_td{display:flex;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.1em;font-weight:700;color:#0c7dc1;margin-right:4px;margin-bottom:4px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23f8bbd0' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:center}.tuong_tac_hangngay{display:flex;justify-content:center;width:50%;background:#e8f6e9;padding:10px 0;margin:10px 0;border-radius:10px}.col-35l-xtd{width:35%;float:left}.col-65r-xtd{width:65%;float:right}@media (max-width:600px){.col-35l-xtd{width:100%;float:none}.col-65r-xtd{width:100%;float:none}.result-card-bg-trang,.result-card-bg-hong{padding:15px;margin:0}.tuong_tac_hangngay{width:100%}.result-box-main{padding:0}.mobile_hide_xtd{display:none!important}.mobile_show_xtd{display:block!important}.tuong_tac_no_ngh{padding:0}.tuong_tac_no_ng{padding:15px}.td-result-box{border:none;background:none;padding:0}.score-percent{font-size:40px}.angel{top:50%}.no_nghiep_cn{width:100%!important}.co_no_nghiep{text-align:center;margin:5px auto;display:block}}@media (max-width:480px){.btn_xemts_td{width:100%;min-width:unset;padding:10px 10px;font-size:13px;color:white!important;line-height:1.5;border-radius:10px;margin-bottom:20px}}@media (max-width:768px){.yeu-to-header{flex-direction:column;align-items:flex-start}.yeu-to-percent{margin-top:5px}.tinh-duyen-container{padding:15px;border-radius:15px}.header h1{font-size:1.8rem}.form-row{grid-template-columns:1fr;gap:10px}.person-info{flex-direction:column;gap:20px}.action-buttons{grid-template-columns:1fr}.score-circle{width:150px;height:150px}.score-number{font-size:36px}}@media screen and (min-width:768px){.trait-bars-wrapper{gap:40px}}