.birth-data-form{position:relative;overflow:hidden}.birth-data-form:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);pointer-events:none;z-index:-1}.form-input-enhanced{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input-enhanced:focus-within{transform:translateY(-2px)}.form-input-enhanced input:focus{box-shadow:0 0 0 3px rgba(99,102,241,.1),0 10px 25px rgba(99,102,241,.15),0 4px 6px rgba(0,0,0,.05)}.gender-option{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.gender-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.gender-option:hover:before{left:100%}.gender-option.selected{animation:pulse-glow 2s ease-in-out infinite}.chart-container{position:relative;background:rgba(0,0,0,.85);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-container:hover{box-shadow:0 35px 60px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-2px)}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(99,102,241,.05),rgba(168,85,247,.05) 50%,rgba(99,102,241,.05));pointer-events:none;z-index:-1}.floating-element{animation:float 6s ease-in-out infinite}.floating-element:nth-child(2n){animation-delay:-3s;animation-duration:8s}.floating-element:nth-child(3n){animation-delay:-1.5s;animation-duration:7s}.progress-step{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.progress-step.active{animation:sparkle 2s ease-in-out infinite}.progress-step.completed:after{content:"✨";position:absolute;top:-8px;right:-8px;font-size:12px;animation:sparkle 1.5s ease-in-out infinite}.explanation-panel{position:relative;background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(18,18,18,.85));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.explanation-panel:hover{box-shadow:0 35px 60px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-1px)}.explanation-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;animation:gradient-shift 3s ease infinite;border-radius:20px 20px 0 0}.tab-navigation{position:relative;background:rgba(248,250,252,.5);backdrop-filter:blur(10px)}.tab-navigation.dark{background:rgba(31,41,55,.5)}.tab-button{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:50%;width:80%;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transform:translateX(-50%);border-radius:1px}.tab-button:hover:not(.active){transform:translateY(-1px);background:rgba(99,102,241,.05)}.chart-element{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.chart-element:hover{filter:brightness(1.1) saturate(1.2);transform:scale(1.05)}.chart-element.selected{animation:pulse-glow 1.5s ease-in-out infinite}.loading-spinner{position:relative}.loading-spinner:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.5);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.8)}.dark .scrollbar-thin{scrollbar-color:rgba(75,85,99,.5) transparent}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgba(75,85,99,.5)}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:rgba(75,85,99,.8)}@media (max-width:1023px){.chart-analysis-container{padding:1rem}.chart-container,.explanation-panel{border-radius:20px}}@media (max-width:768px){.chart-analysis-container{padding:.75rem}.grid[class*="lg:grid-cols-2"]{grid-template-columns:1fr!important;height:auto!important;gap:1rem!important}.order-1[class*="lg:order-2"]{order:1!important}.order-2[class*="lg:order-1"]{order:2!important}}.dark .chart-analysis-container{background:linear-gradient(-45deg,#0f172a,#1e293b,#312e81,#581c87)}.dark .floating-element{filter:brightness(.8)}.dark .progress-step.completed:after{filter:brightness(1.2)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chart-analysis-container,.floating-element{animation:none}}@media (prefers-contrast:high){.chart-container{border:2px solid;background:white}.dark .chart-container{background:black}.explanation-panel{border:2px solid;background:white}.dark .explanation-panel{background:black}}@media print{.chart-analysis-container{background:white!important;animation:none!important}.floating-element{animation:none!important}.chart-container,.explanation-panel{background:white!important;border:1px solid black!important;box-shadow:none!important}}