:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--secondary-color:#06b6d4;--secondary-dark:#0891b2;--accent-color:#f59e0b;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#ffffff;--bg-overlay:rgba(0, 0, 0, 0.5);--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#ffffff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--button-text-color:#ffffff;--primary-hover-color:#4f46e5;--accent-text-color:#1e293b;--disabled-color:#e2e8f0;--disabled-text-color:#94a3b8}[data-theme="dark"]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-overlay:rgba(0, 0, 0, 0.8);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--border-light:#475569;--border-dark:#64748b;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.3);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.6);--button-text-color:#f8fafc;--primary-hover-color:#7c3aed;--accent-text-color:#f8fafc;--disabled-color:#334155;--disabled-text-color:#64748b}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.5s ease,visibility 0.5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;color:#fff}.loading-logo{font-size:4rem;margin-bottom:var(--space-md);animation:bounce 2s infinite}.loading-text{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-xl)}.loading-spinner{width:40px;height:40px;border:4px solid rgb(255 255 255 / .3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}80%{transform:translateY(-10px)}}.header{background:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0}.logo{display:flex;align-items:center;gap:var(--space-md)}.logo-icon{font-size:2.5rem;animation:pulse 3s infinite}.logo-text h1{font-size:var(--font-size-2xl);font-weight:800;color:var(--primary-color);margin:0}.logo-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.header-controls{display:flex;align-items:center;gap:var(--space-sm)}.control-btn{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);font-weight:500;min-width:44px;min-height:44px;justify-content:center}.control-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.favorites-count{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px 6px;border-radius:var(--radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform var(--transition-fast)}.favorites-count.show{transform:scale(1)}.premium-cta-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#1a1a1a;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgb(255 215 0 / .3)}.premium-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(255 215 0 / .4)}.premium-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}100%{left:100%}}.top-bar{width:100%;background:var(--bg-primary);padding:5px var(--space-md);text-align:right;font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-color)}.top-bar-email{color:var(--text-secondary);text-decoration:none;transition:color 0.3s;font-size:.75rem}.top-bar-email:hover{color:var(--primary-color)}[data-theme="dark"] .top-bar{background:var(--bg-primary);border-color:var(--border-color)}[data-theme="dark"] .top-bar-email{background-color:var(--bg-secondary);color:var(--text-primary);padding:4px 8px;border-radius:var(--radius-sm);transition:background-color 0.3s ease,color 0.3s ease}.privacy-link{color:var(--primary-color);font-size:.75rem;font-weight:600;text-decoration:underline;cursor:pointer;transition:color 0.3s ease}.privacy-link:hover{color:var(--primary-dark)}.hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:var(--space-2xl) 0;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="1" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="1" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;text-align:center}.hero-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-lg);line-height:1.2}.hero-description{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-3xl);font-weight:800;display:block;margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-size-sm);opacity:.8;text-transform:uppercase;letter-spacing:.05em}.stats-update-info{font-size:.7rem;color:var(--text-tertiary);text-align:center;margin-top:var(--space-xs);opacity:.7}.hero-premium-cta{margin-top:var(--space-2xl);text-align:center}.premium-offer{background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);border-radius:var(--radius-2xl);padding:var(--space-2xl);max-width:500px;margin:0 auto;position:relative;overflow:hidden}.premium-offer::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgb(255 215 0 / .1),rgb(255 237 78 / .1));z-index:-1}.offer-badge{background:#f44;color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;display:inline-block;margin-bottom:var(--space-md);animation:pulse 2s infinite}.premium-offer h3{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-sm);color:#fff}.premium-offer p{opacity:.9;margin-bottom:var(--space-lg);font-size:var(--font-size-lg)}.hero-premium-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#1a1a1a;border:none;padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm);box-shadow:0 8px 25px rgb(255 215 0 / .3)}.hero-premium-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgb(255 215 0 / .4)}.main{padding:var(--space-2xl) 0;background:var(--bg-secondary);min-height:100vh}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.section-title i{color:var(--primary-color)}.daily-name-section{margin-bottom:var(--space-2xl)}.daily-name-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:var(--space-2xl);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-xl);position:relative;overflow:hidden;cursor:pointer;transition:transform var(--transition-normal)}.daily-name-card:hover{transform:translateY(-4px)}.daily-name-card::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:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,100%{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.daily-name-card h3{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-sm);position:relative;z-index:1}.daily-name-card p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-md);position:relative;z-index:1}.daily-name-card small{opacity:.7;font-size:var(--font-size-sm);position:relative;z-index:1}.search-section{margin-bottom:var(--space-2xl)}.search-container{max-width:600px;margin:0 auto var(--space-lg)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-md);color:var(--text-tertiary);z-index:1}#searchInput{width:100%;padding:var(--space-lg) var(--space-lg) var(--space-lg) 3rem;border:2px solid var(--border-color);border-radius:var(--radius-xl);font-size:var(--font-size-lg);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}#searchInput:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(99 102 241 / .1)}.search-clear{position:absolute;right:var(--space-md);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-clear:hover{color:var(--danger-color);background:var(--bg-secondary)}.filter-section{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.filter-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-card);color:var(--text-secondary);border:2px solid var(--border-color);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-weight:500;white-space:nowrap}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.origin-select{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-weight:500;min-width:180px}.origin-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(99 102 241 / .1)}.nav-tabs{display:flex;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-2xl);flex-wrap:wrap;background:var(--bg-card);padding:var(--space-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.nav-tab{display:flex;align-items:center;gap:var(--space-xs);background:#fff0;color:var(--text-secondary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-weight:500;white-space:nowrap;position:relative}.nav-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-tab.active{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.nav-tab.active::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:var(--primary-color);border-radius:50%}.tab-pane{display:none;animation:fadeInUp 0.3s ease}.tab-pane.active{display:block}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.featured-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.feature-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.feature-title i{color:var(--primary-color)}.refresh-fact{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.refresh-fact:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:rotate(180deg)}.celebrity-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.celebrity-name{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.celebrity-name:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.fact-content{background:linear-gradient(135deg,var(--warning-color),#d97706);color:#fff;padding:var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-lg);line-height:1.6;text-align:center;position:relative;overflow:hidden}.fact-content::before{content:"💡";position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:var(--font-size-xl);opacity:.3}.names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.name-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.name-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(99 102 241 / .1),transparent);transition:left 0.5s ease}.name-card:hover::before{left:100%}.name-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.name-card h3{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--space-sm)}.gender-icon{font-size:var(--font-size-lg)}.name-meaning{color:var(--text-secondary);font-size:var(--font-size-lg);font-style:italic;margin-bottom:var(--space-lg);line-height:1.5}.name-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.name-origin{background:linear-gradient(135deg,var(--secondary-color),#0891b2);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:capitalize}.name-popularity{display:flex;align-items:center;gap:var(--space-xs);color:var(--warning-color);font-weight:600;font-size:var(--font-size-sm)}.similar-names{margin-bottom:var(--space-lg)}.similar-names h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.similar-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.similar-name{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color)}.similar-name:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.name-actions{display:flex;gap:var(--space-sm)}.action-btn{flex:1;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:500}.action-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.favorite-btn.active{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.favorite-btn.active:hover{background:#dc2626;border-color:#dc2626}.view-count{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.sort-controls{display:flex;align-items:center;gap:var(--space-sm)}.sort-select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(99 102 241 / .1)}.load-more-container{text-align:center;margin-top:var(--space-2xl)}.load-more-btn{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--font-size-lg)}.load-more-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.alphabet-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.alphabet-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg)}.alphabet-btn{width:44px;height:44px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.alphabet-btn:hover,.alphabet-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1);box-shadow:var(--shadow-md)}.alphabet-results{min-height:200px}.alphabet-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.popular-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.popular-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg)}.popular-name-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.popular-name-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.popular-name-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.popular-rank{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);font-weight:700;font-size:var(--font-size-lg);box-shadow:var(--shadow-md)}.popular-name-card h4{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.popular-name-card p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5}.favorites-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.clear-favorites{background:var(--danger-color);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);font-weight:500}.clear-favorites:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-favorites{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-favorites h4{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.add-section,.suggest-section,.quiz-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.add-form{max-width:800px;margin:0 auto}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea,.form-group select{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-base);transition:all var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(99 102 241 / .1);background:var(--bg-card)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:0 auto;box-shadow:var(--shadow-md)}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-btn:active{transform:translateY(0)}.quiz-container{max-width:600px;margin:0 auto}.quiz-question{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.quiz-question h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);text-align:center}.quiz-options{display:grid;gap:var(--space-sm)}.quiz-option{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);padding:var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-weight:500;display:flex;align-items:center;gap:var(--space-sm)}.quiz-option:hover,.quiz-option.selected{background:var(--primary-color);color:var(--button-text-color);border-color:var(--primary-color);transform:translateX(4px)}.quiz-result{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff;padding:var(--space-2xl);border-radius:var(--radius-lg);text-align:center;margin-top:var(--space-lg);box-shadow:var(--shadow-lg)}.quiz-result h4{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-lg)}.quiz-result h3{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-sm)}.quiz-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg);flex-wrap:wrap}.quiz-actions .submit-btn{background:rgb(255 255 255 / .2);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .3)}.quiz-actions .submit-btn:hover{background:rgb(255 255 255 / .3)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all 0.3s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp 0.3s ease;position:relative}@keyframes slideUp{from{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{position:sticky;top:0;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-lg);display:flex;justify-content:flex-end;z-index:1;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.modal-close{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color);transform:scale(1.1)}.modal-body{padding:var(--space-xl)}.modal-body h2{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary-color);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.detail-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-light)}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.detail-section h3::before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.detail-section p{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6}.share-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);justify-content:center;flex-wrap:wrap}.share-btn{width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg);box-shadow:var(--shadow-md)}.share-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-lg)}.share-btn.copy{background:linear-gradient(135deg,var(--info-color),#2563eb)}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.share-btn.telegram{background:linear-gradient(135deg,#0088cc,#005577)}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.toast{position:fixed;top:20px;right:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-xl);display:none;align-items:center;gap:var(--space-md);z-index:var(--z-tooltip);min-width:300px;animation:slideInRight 0.3s ease}.toast.show{display:flex}@keyframes slideInRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.success-toast{border-left:4px solid var(--success-color)}.toast-icon{color:var(--success-color);font-size:var(--font-size-xl)}.toast-content{flex:1}.toast-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.toast-message{color:var(--text-secondary);font-size:var(--font-size-sm)}.toast-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.fab-container{position:fixed;bottom:30px;right:30px;z-index:var(--z-fixed)}.fab{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg);opacity:0;transform:scale(0)}.fab.show{opacity:1;transform:scale(1)}.fab:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.premium-showcase{background:linear-gradient(135deg,rgb(255 215 0 / .1),rgb(255 237 78 / .05));border:2px solid rgb(255 215 0 / .3);position:relative;overflow:hidden}.premium-showcase::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffd700,#ffed4e,#ffd700);z-index:-1;border-radius:var(--radius-xl);animation:borderGlow 3s linear infinite}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.premium-showcase-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.premium-crown{font-size:var(--font-size-2xl);animation:bounce 2s infinite}.premium-features-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.premium-feature-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:rgb(255 255 255 / .05);border-radius:var(--radius-md);transition:all var(--transition-fast)}.premium-feature-item:hover{background:rgb(255 215 0 / .1);transform:translateX(5px)}.premium-feature-item i{color:gold;width:20px;text-align:center}.premium-showcase-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#1a1a1a;border:none;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);width:100%;font-size:var(--font-size-lg);box-shadow:0 4px 15px rgb(255 215 0 / .3)}.premium-showcase-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(255 215 0 / .4)}.usage-warning{background:linear-gradient(135deg,rgb(255 152 0 / .1),rgb(255 193 7 / .1));border:1px solid rgb(255 152 0 / .3);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);animation:warningPulse 2s infinite}@keyframes warningPulse{0%,100%{border-color:rgb(255 152 0 / .3)}50%{border-color:rgb(255 152 0 / .6)}100%{border-color:rgb(255 152 0 / .3)}}.warning-content{display:flex;align-items:center;gap:var(--space-lg)}.warning-icon{font-size:var(--font-size-3xl);animation:shake 1s infinite}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.warning-text{flex:1}.warning-text h4{color:var(--warning-color);margin-bottom:var(--space-xs);font-weight:700}.warning-text p{color:var(--text-secondary);margin:0}.warning-upgrade-btn{background:var(--warning-color);color:#fff;border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.warning-upgrade-btn:hover{background:#e68900;transform:translateY(-2px)}.floating-premium{position:fixed;bottom:100px;right:30px;background:linear-gradient(135deg,#ffd700,#ffed4e);color:#1a1a1a;border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);box-shadow:0 8px 25px rgb(255 215 0 / .4);z-index:var(--z-fixed);animation:floatUpDown 3s ease-in-out infinite}@keyframes floatUpDown{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-premium:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 12px 35px rgb(255 215 0 / .5)}@media (max-width:1024px){.container{padding:0 var(--space-lg)}.hero-stats{gap:var(--space-lg)}.featured-sections{grid-template-columns:1fr}.names-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}}@media (max-width:768px){.header-content{flex-direction:column;gap:var(--space-lg);text-align:center;padding:var(--space-md) 0}.logo{flex-direction:column;gap:var(--space-sm)}.logo-icon{font-size:2rem}.logo-text h1{font-size:var(--font-size-xl)}.hero{padding:var(--space-xl) 0}.hero-title{font-size:var(--font-size-2xl)}.hero-description{font-size:var(--font-size-base)}.hero-stats{flex-direction:column;gap:var(--space-lg)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.section-title{font-size:var(--font-size-xl)}.filter-section{flex-direction:column;align-items:stretch;gap:var(--space-md)}.filter-buttons{justify-content:center}.nav-tabs{gap:var(--space-xs);padding:var(--space-xs)}.nav-tab{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);font-size:var(--font-size-xs)}.nav-tab span{display:none}.names-grid{grid-template-columns:1fr;gap:var(--space-md)}.name-card{padding:var(--space-lg)}.name-actions{flex-direction:column}.alphabet-nav{gap:var(--space-xs)}.alphabet-btn{width:36px;height:36px;font-size:var(--font-size-xs)}.popular-names,.favorites-grid,.alphabet-names{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:var(--space-md)}.modal{width:95%;margin:var(--space-md)}.modal-body{padding:var(--space-lg)}.share-buttons{gap:var(--space-xs)}.share-btn{width:40px;height:40px;font-size:var(--font-size-base)}.toast{right:var(--space-md);left:var(--space-md);min-width:auto}.fab-container{bottom:20px;right:20px}.fab{width:48px;height:48px;font-size:var(--font-size-base)}.premium-cta-btn span{display:none}.warning-content{flex-direction:column;text-align:center;gap:var(--space-md)}.premium-offer{padding:var(--space-lg)}.floating-premium{bottom:80px;right:20px;width:50px;height:50px;font-size:var(--font-size-lg)}}@media (max-width:480px){.container{padding:0 var(--space-md)}.daily-name-card{padding:var(--space-lg)}.daily-name-card h3{font-size:var(--font-size-xl)}#searchInput{padding:var(--space-md) var(--space-md) var(--space-md) 2.5rem;font-size:var(--font-size-base)}.search-icon{left:var(--space-sm)}.search-clear{right:var(--space-sm)}.feature-card{padding:var(--space-lg)}.name-card h3{font-size:var(--font-size-xl)}.name-meaning{font-size:var(--font-size-base)}.quiz-question{padding:var(--space-lg)}.quiz-actions{flex-direction:column}.modal-body h2{font-size:var(--font-size-xl);flex-direction:column;text-align:center}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media print{.header-controls,.nav-tabs,.fab-container,.toast,.modal-overlay{display:none!important}.main{padding:0}.name-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@media (prefers-contrast:high){:root{--border-color:#000000;--text-secondary:#000000;--bg-secondary:#ffffff}[data-theme="dark"]{--border-color:#ffffff;--text-secondary:#ffffff;--bg-secondary:#000000}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.loading-logo,.loading-spinner{animation:none}}.control-btn:focus,.filter-btn:focus,.nav-tab:focus,.action-btn:focus,.alphabet-btn:focus,.quiz-option:focus,.submit-btn:focus,.fab:focus{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background:var(--primary-light);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{from{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes flipIn{from{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes zoomIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeInScale{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-transition{animation:fadeInScale 0.6s ease-out}.slide-left{animation:slideInFromLeft 0.5s ease-out}.slide-right{animation:slideInFromRight 0.5s ease-out}.slide-top{animation:slideInFromTop 0.4s ease-out}.slide-bottom{animation:slideInFromBottom 0.4s ease-out}.scale-in{animation:scaleIn 0.4s ease-out}.rotate-in{animation:rotateIn 0.5s ease-out}.flip-in{animation:flipIn 0.6s ease-out}.bounce-in{animation:bounceIn 0.7s ease-out}.zoom-in{animation:zoomIn 0.4s ease-out}.stagger-animation>*{opacity:0;animation:slideInFromBottom 0.5s ease-out forwards}.stagger-animation>*:nth-child(1){animation-delay:0.1s}.stagger-animation>*:nth-child(2){animation-delay:0.2s}.stagger-animation>*:nth-child(3){animation-delay:0.3s}.stagger-animation>*:nth-child(4){animation-delay:0.4s}.stagger-animation>*:nth-child(5){animation-delay:0.5s}.stagger-animation>*:nth-child(6){animation-delay:0.6s}.stagger-animation>*:nth-child(7){animation-delay:0.7s}.stagger-animation>*:nth-child(8){animation-delay:0.8s}.name-card{transition:all 0.3s cubic-bezier(.4,0,.2,1)}.name-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.tab-pane{opacity:0;transform:translateY(20px);transition:all 0.4s ease-out}.tab-pane.active{opacity:1;transform:translateY(0);animation:slideInFromBottom 0.5s ease-out}.modal{animation:modalSlideIn 0.4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-btn,.submit-btn,.control-btn{transition:all 0.2s cubic-bezier(.4,0,.2,1)}.action-btn:hover,.submit-btn:hover,.control-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(0 0 0 / .15)}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.chart-container{animation:fadeInScale 0.6s ease-out}.pronunciation-btn.speaking{animation:pulse 1s infinite;background:var(--success-color);color:#fff}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}.interactive-element{transition:all 0.2s ease}.interactive-element:hover{transform:scale(1.05)}.interactive-element:active{transform:scale(.95)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.favorites-toggle{position:relative;overflow:hidden}.favorites-toggle.clicked{animation:heartPulse 0.6s ease-out}@keyframes heartPulse{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(1.1)}100%{transform:scale(1)}}.heart-float{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ef4444;font-size:1.5rem;pointer-events:none;z-index:1000;animation:floatToFavorites 1.5s ease-out forwards}@keyframes floatToFavorites{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-200px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-400px) scale(.5)}}.smooth-scroll{scroll-behavior:smooth}.tab-pane{transition:all 0.5s cubic-bezier(.4,0,.2,1)}.tab-pane.slide-in{animation:slideInFromBottom 0.6s ease-out}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.favorites-section.highlight{animation:highlightSection 2s ease-out}@keyframes highlightSection{0%{box-shadow:0 0 0 0 rgb(239 68 68 / .4);border-color:var(--border-color)}50%{box-shadow:0 0 0 10px rgb(239 68 68 / .2);border-color:#ef4444}100%{box-shadow:0 0 0 0 #fff0;border-color:var(--border-color)}}.modern-theme-btn{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative;overflow:hidden}.modern-theme-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s ease}.modern-theme-btn:hover::before{left:100%}.modern-theme-btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgb(0 0 0 / .15);border-color:var(--primary-color)}.modern-theme-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transform:scale(1.05);box-shadow:0 8px 25px rgb(99 102 241 / .3)}.theme-icon{font-size:2rem;margin-bottom:var(--space-xs)}.modern-theme-btn span{font-weight:600;font-size:var(--font-size-sm)}.modern-download-btn,.modern-share-btn{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff;border:none;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--space-sm);position:relative;overflow:hidden;min-width:160px;justify-content:center;box-shadow:0 4px 15px rgb(16 185 129 / .3)}.modern-share-btn{background:linear-gradient(135deg,var(--info-color),#1976d2);box-shadow:0 4px 15px rgb(59 130 246 / .3)}.modern-download-btn::before,.modern-share-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.6s ease}.modern-download-btn:hover::before,.modern-share-btn::hover::before{left:100%}.modern-download-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(16 185 129 / .4)}.modern-share-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(59 130 246 / .4)}.modern-download-btn:active,.modern-share-btn:active{transform:translateY(-1px)}.suggested-names{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.suggested-name-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center}.suggested-name-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.suggested-name-card h5{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color);margin-bottom:var(--space-sm)}.suggested-name-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.quiz-progress{width:100%;height:8px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-lg)}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width 0.3s ease}.quiz-score{font-size:4rem;font-weight:800;color:var(--primary-color);margin:var(--space-lg) 0}.quiz-percentage{font-size:2rem;font-weight:600;color:var(--success-color);margin-bottom:var(--space-lg)}.suggest-options{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.suggest-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.suggest-option:hover{background:var(--primary-color);color:#fff}.suggest-option input[type="radio"]{margin:0}.meaning-search{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.meaning-search input{flex:1;padding:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base)}.meaning-search button{background:var(--primary-color);color:#fff;border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:600}.suggest-wizard{max-width:800px;margin:0 auto}.wizard-step{display:none;text-align:center;padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-xl);animation:fadeInScale 0.5s ease-out}.wizard-step.active{display:block}.wizard-step h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2xl);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.gender-options,.character-options,.origin-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.wizard-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-decoration:none;color:var(--text-primary);position:relative;overflow:hidden}.wizard-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(99 102 241 / .1),transparent);transition:left 0.5s ease}.wizard-btn:hover::before{left:100%}.wizard-btn:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.wizard-btn i{font-size:2.5rem;margin-bottom:var(--space-sm);transition:transform 0.3s ease}.wizard-btn:hover i{transform:scale(1.2)}.wizard-btn span{font-size:var(--font-size-lg);font-weight:600}.restart-btn{background:var(--warning-color);color:#fff;border-color:var(--warning-color);margin-top:var(--space-xl)}.restart-btn:hover{background:#e68900;border-color:#e68900}.suggested-names-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.suggested-name-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left}.suggested-name-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.suggested-name-card h4{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--space-sm)}.suggested-name-card p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5}.suggested-name-card .name-details{display:flex;gap:var(--space-sm)}.suggested-name-card .name-details span{background:var(--primary-color);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.no-results{text-align:center;padding:var(--space-2xl);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-xl)}.no-results p{margin-bottom:var(--space-sm);font-size:var(--font-size-lg)}.stats-timer{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.timer-icon{animation:spin 2s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.stats-update-info{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-xs)}.top-bar{width:100%;background:#fff;padding:5px 20px;text-align:right;font-size:12px;color:rgb(0 0 0 / .5)}.top-bar-email{color:rgb(0 0 0 / .5);text-decoration:none;transition:color 0.3s}.top-bar-email:hover{color:rgb(0 0 0 / .9)}.cookie-popup{position:fixed;bottom:-100px;left:0;width:100%;background-color:#323232;color:#fff;padding:15px 20px;text-align:center;font-size:14px;box-shadow:0 2px 5px rgb(0 0 0 / .3);transition:bottom 0.5s ease,opacity 0.5s ease;z-index:9999;display:flex;justify-content:center;align-items:center;gap:15px;opacity:0}.cookie-popup.show{bottom:0;opacity:1}.cookie-accept-btn{background-color:#4caf50;border:none;color:#fff;padding:7px 14px;font-size:14px;cursor:pointer;border-radius:3px;transition:background-color 0.3s}.cookie-accept-btn:hover{background-color:#45a049}.privacy-link{position:fixed;top:15px;right:20px;background-color:#fff0;color:#007bff;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer;z-index:9999;padding:6px 10px;border-radius:4px;transition:background-color 0.3s ease,color 0.3s ease}.privacy-link:hover{background-color:#007bff;color:#fff;text-decoration:none}.loading-screen{transition:opacity 0.5s ease}.loading-screen.hide{opacity:0;pointer-events:none}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding:var(--space-md) 0;flex-wrap:wrap}.pagination-btn{background-color:var(--primary-color);color:var(--button-text-color);border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.pagination-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-btn.active{background-color:var(--accent-color);color:var(--accent-text-color);box-shadow:var(--shadow-md);transform:translateY(0)}.pagination-btn:disabled{background-color:var(--disabled-color);color:var(--disabled-text-color);cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.pagination-ellipsis{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:600;padding:0 var(--space-xs)}@media (max-width:768px){.pagination-controls{gap:var(--space-xs);margin-top:var(--space-xl)}.pagination-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.pagination-ellipsis{font-size:var(--font-size-base)}}@media (max-width:480px){.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{padding:6px 10px;font-size:.85rem}}