*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ff3679;--primary-light: #ff6b9d;--primary-dark: #e62e6b;--secondary-color: #fbf5f2;--text-dark: #1a1a1a;--text-medium: #4a4a4a;--text-light: #8a8a8a;--border-color: #e8e8e8;--border-light: #f0f0f0;--success-color: #10b981;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-md: 0 6px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #ff3679 0%, #ff6b9d 100%);--gradient-soft: linear-gradient(135deg, #fbf5f2 0%, #ffffff 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,#fbf5f2,#fff,#f8f3f0);background-attachment:fixed;color:var(--text-dark);line-height:1.6;margin:0;padding:0;overflow-x:hidden}#root{min-height:100vh;position:static}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.8}button{cursor:pointer;font-family:inherit;border:none;transition:all .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{position:-webkit-sticky!important;position:sticky!important;top:0!important;background:#fff!important;width:100%!important;max-width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;box-shadow:0 2px 10px #0000001a!important;margin:0!important;padding:.625rem 0!important;z-index:10000!important}body>#root>div{position:static;transform:none!important;will-change:auto}body>#root>div>div{position:static;transform:none!important}header .container{display:flex!important;visibility:visible!important;opacity:1!important}header{isolation:isolate!important;contain:layout style paint!important}@media (max-width: 1199px){body>nav[style*="position: fixed"][style*="z-index: 99999"],body>div[style*="position: fixed"][style*="z-index: 99998"]{display:flex!important;visibility:visible!important;opacity:1!important;z-index:99999!important}body>div[style*="position: fixed"][style*="z-index: 99998"]{z-index:99998!important}header button[aria-label="Toggle menu"]{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10001!important}section,main,article{position:relative;z-index:1!important}section#hero{z-index:1!important;isolation:auto!important}}@media (min-width: 768px) and (max-width: 1199px){.container{padding:0 1.25rem}header{padding:.5rem 0!important}header nav:not([style*="position: fixed"]){display:flex!important}header .container{gap:.75rem!important}}@media (max-width: 767px){header{padding:.75rem 0!important}header .container{padding:0 1rem}header nav:not([style*="position: fixed"]){display:none!important}header button[aria-label="Toggle menu"]{display:flex!important;visibility:visible!important;opacity:1!important}}@media (max-width: 768px){.container{padding:0 15px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}#hero{padding:2rem 0 2.5rem!important}#hero .container{padding:0 1rem!important}footer{padding:2rem 0 1.5rem!important}footer .container>div{padding:2rem 0 1.5rem!important}footer .container>div>div:first-child{grid-template-columns:1fr!important;gap:2rem!important}footer h3{font-size:1rem!important;margin-bottom:1rem!important}footer ul{gap:.625rem!important}.generator-layout{grid-template-columns:1fr!important;display:flex!important;flex-direction:column-reverse!important}.generator-layout>div{width:100%!important;max-width:100%!important;flex:1 1 100%!important}.generator-layout>div:last-child{position:relative;order:-1}.generator-layout>div:first-child{position:relative}.config-grid{grid-template-columns:1fr!important}}@media (min-width: 768px){.config-grid{grid-template-columns:repeat(2,1fr)!important}.config-grid>div:first-child{grid-column:1 / -1}.config-grid .gender-style-grid,.config-grid .gender-style-culture-grid,.config-grid .name-inputs-grid,.config-grid .culture-country-grid,.config-grid .platform-style-grid,.config-grid .length-options-grid{grid-column:1 / -1}@media (max-width: 1024px){.gender-style-culture-grid{grid-template-columns:1fr 1fr!important}.gender-style-culture-grid>div:last-child{grid-column:1 / -1}}.config-grid>div:last-child{grid-column:1 / -1}}.output-scroll{scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5}.output-scroll::-webkit-scrollbar{width:8px}.output-scroll::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.output-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.output-scroll::-webkit-scrollbar-thumb:hover{background:#999}.country-dropdown{scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5}.country-dropdown::-webkit-scrollbar{width:6px}.country-dropdown::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.country-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.country-dropdown::-webkit-scrollbar-thumb:hover{background:#999}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}