.name-generator-container{margin:0 auto;max-width:1000px;padding:2rem}.generator-header{margin-bottom:3rem;text-align:center}.generator-title{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px rgba(233,30,99,.3)}.generator-subtitle{color:hsla(0,0%,100%,.8);font-size:1.2rem;margin:0}.generator-form{backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(38,21,37,.95));border:1px solid rgba(233,30,99,.3);border-radius:20px;margin-bottom:2rem;padding:2.5rem}.form-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.form-group{position:relative}.form-label{color:var(--primary-color);display:block;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.radio-group{display:flex;gap:1rem}.radio-group input[type=radio]{display:none}.radio-label{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid rgba(233,30,99,.3);border-radius:15px;cursor:pointer;display:flex;flex:1;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.radio-group input[type=radio]:checked+.radio-label{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:transparent;color:#fff;transform:scale(1.05)}.radio-icon{font-size:1.5rem}.form-select{background:hsla(0,0%,6%,.8);border:1px solid rgba(233,30,99,.3);border-radius:15px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(233,30,99,.2);outline:none}.generate-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;justify-content:center;padding:1.5rem 2rem;transition:all .3s ease;width:100%}.generate-btn:hover{box-shadow:0 10px 30px rgba(233,30,99,.4);transform:translateY(-2px)}.error-message{align-items:center;background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);border-radius:10px;color:#ff5252;display:flex;gap:.5rem;margin-bottom:2rem;padding:1rem}.results-container{backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(38,21,37,.95));border:1px solid rgba(233,30,99,.3);border-radius:20px;margin-bottom:2rem;padding:2rem}.results-title{color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.names-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.name-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:1.5rem;transition:all .3s ease}.name-card:hover{border-color:rgba(233,30,99,.3);box-shadow:0 10px 25px rgba(233,30,99,.2);transform:translateY(-3px)}.name-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.name-title{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0}.name-origin{color:hsla(0,0%,100%,.6);font-size:.8rem;font-style:italic}.name-meaning{color:hsla(0,0%,100%,.8);line-height:1.4;margin-bottom:1rem}.name-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.character-strong{background:rgba(244,67,54,.2);color:#ff5252}.character-friendly{background:rgba(76,175,80,.2);color:#4caf50}.character-active{background:rgba(255,193,7,.2);color:#ffc107}.color-black{background:rgba(96,125,139,.2);color:#90a4ae}.color-white{background:hsla(0,0%,100%,.2);color:#fff}.color-red{background:rgba(233,30,99,.2);color:#e91e63}.results-actions{display:flex;gap:1rem;justify-content:center}.action-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:all .3s ease}.action-btn:hover{background:rgba(233,30,99,.2);border-color:var(--primary-color)}.popular-names{text-align:center}.section-title{color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem}.popular-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.popular-item{align-items:center;background:hsla(0,0%,100%,.05);border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.popular-name{color:hsla(0,0%,100%,.9);font-weight:600}@media (max-width:768px){.form-grid{gap:1.5rem;grid-template-columns:1fr}.radio-group{flex-direction:column}.names-grid{grid-template-columns:1fr}.results-actions{flex-direction:column}.popular-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.name-generator-container{padding:1rem}.generator-form{padding:1.5rem}.generator-title{font-size:2rem}.popular-grid{grid-template-columns:1fr}}.letter-panel{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid rgba(255,20,147,.2);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 20px rgba(255,20,147,.1);margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative}.letter-panel:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(255,20,147,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.letter-panel-title{color:#ff1493;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px rgba(255,20,147,.5)}.letter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.letter-btn{background:linear-gradient(135deg,#2a2a4a,#1e1e3f);border:2px solid #ff1493;border-radius:12px;color:#ff69b4;cursor:pointer;font-size:.9rem;font-weight:600;min-width:45px;overflow:hidden;padding:.5rem 1rem;position:relative;text-align:center;text-shadow:0 0 5px rgba(255,105,180,.5);transition:all .3s ease}.letter-btn:before{background:linear-gradient(90deg,transparent,rgba(255,20,147,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.letter-btn:hover{background:linear-gradient(135deg,#ff1493,#ff69b4);border-color:#ff69b4;box-shadow:0 8px 25px rgba(255,20,147,.4),0 0 20px rgba(255,105,180,.6);color:#1a1a2e;text-shadow:none;transform:translateY(-3px) scale(1.05)}.letter-btn:hover:before{left:100%}.letter-btn.active{background:linear-gradient(135deg,#ff1493,#ff69b4 50%,#ff20a0);border-color:#ff69b4;box-shadow:0 10px 30px rgba(255,20,147,.5),0 0 25px rgba(255,105,180,.8),inset 0 0 10px hsla(0,0%,100%,.2);color:#1a1a2e;font-weight:700;text-shadow:none;transform:translateY(-3px) scale(1.1)}@media (max-width:768px){.letter-panel{border-radius:15px;margin:1rem 0;padding:1rem}.letter-buttons{gap:.3rem}.letter-btn{border-radius:10px;font-size:.8rem;min-width:35px;padding:.4rem .8rem}}@media (max-width:480px){.letter-panel-title{font-size:1rem}.letter-btn{border-radius:8px;font-size:.75rem;min-width:30px;padding:.3rem .6rem}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.letter-buttons.loading{opacity:.6;pointer-events:none}.letter-btn.loading{animation:letterLoading 1.5s infinite;background:linear-gradient(135deg,#1a1a2e,#16213e)}@keyframes letterLoading{0%,to{box-shadow:0 0 5px rgba(255,20,147,.2);opacity:.6}50%{box-shadow:0 0 15px rgba(255,20,147,.5);opacity:1}}