.pcc-container{max-width:600px;margin:2rem auto;padding:0 1rem;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.pcc-form-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .2);color:#fff}.pcc-form-container h2{text-align:center;margin-bottom:.5rem;color:#fff;font-size:1.8rem}.pcc-form-container h2 i{color:#ff6b6b;margin-right:.5rem}.pcc-form-container>p{text-align:center;margin-bottom:2rem;opacity:.9}.pcc-form-group{margin-bottom:1.5rem}.pcc-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:rgb(255 255 255 / .95)}.pcc-form-group label i{width:20px;margin-right:.5rem;color:#4ecdc4}.pcc-form-group input,.pcc-form-group select{width:100%;padding:12px 15px;border:none;border-radius:8px;font-size:1rem;background:rgb(255 255 255 / .95);transition:all 0.3s ease;box-sizing:border-box}.pcc-form-group input:focus,.pcc-form-group select:focus{outline:none;box-shadow:0 0 0 3px rgb(102 126 234 / .3);transform:translateY(-2px)}.pcc-buttons{display:flex;gap:1rem;margin-top:2rem}.pcc-btn{flex:1;padding:15px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.pcc-calculate{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);color:#fff}.pcc-calculate:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(255 107 107 / .4)}.pcc-reset{background:rgb(255 255 255 / .2);color:#fff;border:2px solid rgb(255 255 255 / .3)}.pcc-reset:hover{background:rgb(255 255 255 / .3);transform:translateY(-2px)}.pcc-results{margin-top:2rem;padding:1.5rem;background:rgb(255 255 255 / .1);border-radius:10px;backdrop-filter:blur(10px)}.pcc-results h3{text-align:center;margin-bottom:1.5rem;color:#fff}.pcc-results h3 i{color:#4ecdc4;margin-right:.5rem}.pcc-result-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid rgb(255 255 255 / .1)}.pcc-result-item:last-child{border-bottom:none}.pcc-label{font-weight:600;color:rgb(255 255 255 / .9)}.pcc-label i{width:20px;margin-right:.5rem;color:#4ecdc4}.pcc-value{font-weight:600;color:#ff6b6b}.pcc-compatibility-score{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgb(255 255 255 / .2)}.pcc-score-label{font-size:1.1rem;font-weight:600;color:#fff}.pcc-score-value{font-size:2rem;font-weight:700;color:#4ecdc4;display:block;margin-top:.5rem}.pcc-loading{text-align:center;padding:2rem;color:#fff;font-size:1.1rem}.pcc-loading i{margin-right:.5rem;color:#4ecdc4}.pcc-error{background:rgb(255 107 107 / .2);color:#fff;padding:1rem;border-radius:8px;text-align:center;margin-top:1rem;border-left:4px solid #ff6b6b}.pcc-error i{margin-right:.5rem}@media (max-width:768px){.pcc-form-container{padding:1.5rem}.pcc-buttons{flex-direction:column}.pcc-result-item{flex-direction:column;align-items:flex-start;gap:.5rem}.pcc-value{align-self:flex-end}}.pcc-form-group select option[value="male"]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.pcc-form-group select option[value="female"]{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);color:#fff}.pcc-form-group select option[value="other"]{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);color:#fff}