*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1a1f3a,#0d1a2e);color:#e4e4e7}@keyframes fade-in{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px rgba(6,182,212,.5),0 0 20px rgba(6,182,212,.3)}50%{text-shadow:0 0 20px rgba(6,182,212,.8),0 0 30px rgba(6,182,212,.5)}}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.min-h-screen{min-height:100vh}.p-8{padding:2rem}.text-7xl{font-size:3.5rem;line-height:1;font-weight:900;letter-spacing:-.02em}.mb-3{margin-bottom:.75rem}.mb-16{margin-bottom:4rem}.text-gray-400{color:#a1a1a1}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.text-gradient-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4,#0ea5e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.border{border:1px solid rgba(59,130,246,.2)}.bg-card{background:linear-gradient(135deg,#0f172acc,#1e293bcc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2)}.bg-header{background:linear-gradient(135deg,#0f172af2,#141e30f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid rgba(59,130,246,.3)}.bg-header-female{background:linear-gradient(135deg,#0f172af2,#301934f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid rgba(244,114,182,.4)}.bg-header-male{background:linear-gradient(135deg,#0f172af2,#141e30f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid rgba(59,130,246,.3)}.p-10{padding:2.5rem}.text-white{color:#fff}.transition-all{transition:all .3s ease}.duration-300{transition-duration:.3s}.flex-1{flex:1}.rounded-3xl{border-radius:1.5rem}.font-bold{font-weight:700}.btn-active{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#000;box-shadow:0 0 30px #3b82f699,inset 0 0 20px #ffffff1a;transform:scale(1.05);border:1px solid rgba(255,255,255,.3);font-weight:700}.btn-active:active{transform:scale(.98)}.btn-active-female{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 0 30px #f472b699,inset 0 0 20px #ffffff1a;transform:scale(1.05);border:1px solid rgba(255,255,255,.3);font-weight:700}.btn-active-female:active{transform:scale(.98)}.btn-active-male{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#000;box-shadow:0 0 30px #3b82f699,inset 0 0 20px #ffffff1a;transform:scale(1.05);border:1px solid rgba(255,255,255,.3);font-weight:700}.btn-active-male:active{transform:scale(.98)}.btn-inactive{background:#1e293b99;color:#cbd5e1;border:1px solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.btn-inactive:hover{background:#1e293bcc;border-color:#3b82f699;box-shadow:0 0 15px #3b82f633}.btn-close-female{background:#ec489933;color:#f472b6;border:1px solid rgba(244,114,182,.4);font-weight:700;transition:all .3s ease}.btn-close-female:hover{background:#ec48994d;border-color:#f472b699;box-shadow:0 0 15px #f472b64d}.btn-close-female:active{transform:scale(.95)}.btn-close-male{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4);font-weight:700;transition:all .3s ease}.btn-close-male:hover{background:#3b82f64d;border-color:#3b82f699;box-shadow:0 0 15px #3b82f64d}.btn-close-male:active{transform:scale(.95)}.space-y-8>*+*{margin-top:2rem}.text-gray-300{color:#d4d4d8}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.w-full{width:100%}.bg-input{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);color:#e4e4e7}.bg-input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d41a,inset 0 0 0 2px #3b82f633;outline:none}.bg-input:hover{border-color:#3b82f699;box-shadow:0 0 10px #3b82f633}select.bg-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%2306b6d4' stroke-width='2.5'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5rem center;padding-right:3rem;cursor:pointer}option{background-color:#1a1f3a;color:#e4e4e7}input::placeholder{color:#64748b}.relative{position:relative}.absolute{position:absolute}.right-6{right:1.5rem}.right-4{right:1rem}.right-3{right:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.bg-info{background:linear-gradient(135deg,#3b82f61a,#06b6d40d);border:1px solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.border-l-4{border-left:4px solid #06b6d4}.text-cyan-400{color:#06b6d4}.mt-10{margin-top:2.5rem}.text-gray-500{color:#78716c}.mt-8{margin-top:2rem}.group{position:relative}.bg-result{background:linear-gradient(135deg,#0f172ae6,#141e30e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(6,182,212,.4)}.text-cyan-300{color:#67e8f9}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.4))}.text-gray-400-light{color:#a1a1a1}.leading-relaxed{line-height:1.625}.glow-container{position:relative}.glow-background{position:absolute;inset:-2px;background:radial-gradient(circle,#06b6d426,#3b82f60d);border-radius:2rem;filter:blur(20px);pointer-events:none;opacity:.6}.glow-background:hover{opacity:1}.text-cyan-500{color:#06b6d4}.text-pink-400{color:#f472b6}.text-pink-300{color:#f9a8d4}.opacity-90{opacity:.9}.bg-result-female{background:linear-gradient(135deg,#0f172ae6,#301934e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(244,114,182,.4)}.bg-result-male{background:linear-gradient(135deg,#0f172ae6,#141e30e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(6,182,212,.4)}.glow-background-female{position:absolute;inset:-2px;background:radial-gradient(circle,#f472b626,#f472b60d);border-radius:2rem;filter:blur(20px);pointer-events:none;opacity:.6}.glow-background-female:hover{opacity:1}.glow-background-male{position:absolute;inset:-2px;background:radial-gradient(circle,#06b6d426,#3b82f60d);border-radius:2rem;filter:blur(20px);pointer-events:none;opacity:.6}.glow-background-male:hover{opacity:1}.font-semibold{font-weight:600}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-1>*+*{margin-top:.25rem}.cursor-pointer{cursor:pointer}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner[type=number]{-moz-appearance:textfield}.table-row-hover{transition:background-color .3s ease}.table-row-hover-female:hover{background-color:#ec489966}.table-row-hover-male:hover{background-color:#3b82f666}.scale-105{transform:scale(1.05)}.scale-95{transform:scale(.95)}.transform{transform:translateZ(0)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-gray-200{color:#e5e7eb}.font-black{font-weight:900}#root{width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #eab30880}50%{box-shadow:0 0 30px #eab308cc}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out}.animate-bounce{animation:bounce-subtle 2s infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .5s ease-out}.h-screen{height:100vh;height:100dvh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto;overflow-x:hidden}.overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background:transparent}.overflow-y-auto::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#06b6d480}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pb-4{padding-bottom:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-4xl{font-size:2.25rem;line-height:2.5rem;font-weight:900}.text-5xl{font-size:3rem;line-height:1;font-weight:900}.text-6xl{font-size:3.75rem;line-height:1;font-weight:900}.text-7xl{font-size:4.5rem;line-height:1;font-weight:900}.text-8xl{font-size:6rem;line-height:1;font-weight:900}.rounded-2xl{border-radius:1rem}.rounded-4xl{border-radius:2rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}@media(min-width:640px){.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-4xl{border-radius:2rem}.sm\:gap-2{gap:.5rem}.sm\:gap-4{gap:1rem}.sm\:text-xs{font-size:.75rem}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-5xl{font-size:3rem;line-height:1;font-weight:900}.sm\:mt-4{margin-top:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mb-1{margin-bottom:.25rem}.sm\:space-y-4>*+*{margin-top:1rem}.sm\:space-y-6>*+*{margin-top:1.5rem}}@media(min-width:1024px){.lg\:text-6xl{font-size:3.75rem;line-height:1;font-weight:900}.lg\:text-8xl{font-size:6rem;line-height:1;font-weight:900}}.bg-bg-gradient{background:linear-gradient(135deg,#0f172a,#1a1f3a,#0d1a2e)}html,body{overflow:hidden}