.quiromancia-container{max-width:800px;margin:0 auto;padding:20px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;box-shadow:0 20px 40px rgb(0 0 0 / .1);color:#fff;position:relative;overflow:hidden}.quiromancia-container::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .1) 0%,transparent 70%);animation:rotate 20s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.quiromancia-content{position:relative;z-index:1}.quiromancia-header{text-align:center;margin-bottom:30px}.quiromancia-title{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgb(0 0 0 / .3);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.quiromancia-subtitle{font-size:1.2em;opacity:.9;margin-bottom:20px}.quiromancia-description{background:rgb(255 255 255 / .1);padding:20px;border-radius:15px;margin-bottom:30px;backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);line-height:1.6}.quiromancia-step{background:rgb(255 255 255 / .95);color:#333;padding:30px;border-radius:20px;margin-bottom:20px;box-shadow:0 10px 30px rgb(0 0 0 / .1);transform:translateY(20px);opacity:0;animation:slideIn 0.6s ease-out forwards}.quiromancia-step.active{display:block!important}@keyframes slideIn{to{transform:translateY(0);opacity:1}}.step-header{border-bottom:3px solid #667eea;padding-bottom:15px;margin-bottom:20px}.step-title{font-size:1.8em;color:#667eea;margin-bottom:10px;font-weight:600}.step-description{color:#666;line-height:1.6;margin-bottom:20px}.step-question{font-size:1.1em;font-weight:600;color:#333;margin-bottom:20px}.question-container{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}.hand-image{flex:0 0 200px;text-align:center}.hand-image img{width:180px;height:auto;border-radius:15px;box-shadow:0 8px 20px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.hand-image img:hover{transform:scale(1.05);box-shadow:0 12px 30px rgb(0 0 0 / .2)}.options-container{flex:1;min-width:300px}.option-group{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:15px;border-left:4px solid #667eea}.option-group label{display:flex;align-items:center;padding:10px;margin:5px 0;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-weight:500}.option-group label:hover{background:#e3f2fd;transform:translateX(5px)}.option-group input[type="radio"]{margin-right:12px;transform:scale(1.2);accent-color:#667eea}.navigation-buttons{display:flex;justify-content:space-between;margin-top:30px;gap:15px}.btn{padding:12px 30px;border:none;border-radius:25px;font-size:1em;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px}.btn-back{background:linear-gradient(45deg,#6c757d,#495057);color:#fff}.btn-next,.btn-submit{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.btn:active{transform:translateY(0)}.result-container{background:rgb(255 255 255 / .95);color:#333;padding:30px;border-radius:20px;margin-top:20px;box-shadow:0 10px 30px rgb(0 0 0 / .1)}.result-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:15px;border-left:5px solid #667eea}.result-title{font-size:1.5em;color:#667eea;margin-bottom:15px;font-weight:600}.result-text{line-height:1.7;color:#555}.progress-bar{width:100%;height:6px;background:rgb(255 255 255 / .3);border-radius:3px;margin:20px 0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#f0f8ff);border-radius:3px;transition:width 0.5s ease}@media (max-width:768px){.quiromancia-container{margin:10px;padding:15px}.quiromancia-title{font-size:2em}.question-container{flex-direction:column;align-items:center}.hand-image{margin-bottom:20px}.navigation-buttons{flex-direction:column}.btn{width:100%;margin-bottom:10px}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.quiromancia-step h2{animation:pulse 2s infinite}.quiromancia-step:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgb(0 0 0 / .15)}