.ano-container{max-width:1200px;margin:0 auto;padding:20px}.ano-letter-page{margin:30px 0}.ano-letter-header{text-align:center;margin-bottom:40px;position:relative}.ano-letter-header h1{font-size:2.5rem;margin-bottom:10px;color:#333}.ano-letter-subtitle{font-size:1.2rem;color:#666;margin-bottom:30px}.ano-letter-badge{width:100px;height:100px;margin:0 auto;background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgb(0 0 0 / .1)}.ano-letter-icon{font-size:3rem;color:#fff;font-weight:700}.ano-alphabet-section{margin:40px 0;text-align:center}.ano-alphabet-section h3{font-size:1.5rem;margin-bottom:15px;color:#333}.ano-alphabet-filters{display:flex;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.ano-alphabet-filter-btn{background:#f5f5f5;border:none;padding:8px 16px;margin:0 5px 10px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all 0.3s ease;color:#555}.ano-alphabet-filter-btn:hover{background:#e0e0e0}.ano-alphabet-filter-btn.active{background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);color:#fff;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.ano-alphabet-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.ano-alphabet-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgb(0 0 0 / .1);text-decoration:none;color:#333;font-size:1.2rem;transition:all 0.3s ease;position:relative;overflow:hidden}.ano-alphabet-item:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 5px 15px rgb(0 0 0 / .15);color:#2575fc}.ano-alphabet-item.active{background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);color:#fff;transform:scale(1.1);box-shadow:0 5px 15px rgb(0 0 0 / .2)}.ano-alphabet-item.vowel{background:linear-gradient(135deg,#ff9a9e 0%,#fad0c4 100%)}.ano-alphabet-item.consonant{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.ano-alphabet-item.active.vowel,.ano-alphabet-item.active.consonant{background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%)}.ano-alphabet-item span{position:relative;z-index:2}.ano-alphabet-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);opacity:0;transition:opacity 0.3s ease;z-index:1;border-radius:50%}.ano-alphabet-item:hover::before{opacity:.1}.ano-name-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgb(0 0 0 / .05);overflow:hidden;transition:all 0.3s ease;border-top:4px solid #2575fc;height:100%;display:flex;flex-direction:column}.ano-name-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .1)}.ano-name-card.male{border-top-color:#2575fc}.ano-name-card.female{border-top-color:#ff4081}.ano-name-card-header{padding:15px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.ano-name-title{margin:0;font-size:1.4rem}.ano-name-title a{text-decoration:none;color:#333;transition:color 0.3s ease}.ano-name-title a:hover{color:#2575fc}.ano-name-en{margin:5px 0 0;font-size:.9rem;color:#777;font-weight:400}.ano-favorite-btn{background:none;border:none;cursor:pointer;color:#ccc;transition:all 0.3s ease;padding:5px;position:relative}.ano-favorite-btn:hover{color:#ff4081;transform:scale(1.1)}.ano-favorite-btn.active{color:#ff4081}.ano-name-card-body{padding:15px;flex-grow:1}.ano-name-gender{margin-bottom:10px}.ano-gender-label{display:inline-block;padding:3px 10px;border-radius:15px;font-size:.8rem;color:#fff;background:#2575fc}.male .ano-gender-label{background:#2575fc}.female .ano-gender-label{background:#ff4081}.ano-name-meanings{margin:15px 0}.ano-name-meanings h5{margin:0 0 10px;font-size:1rem;color:#555}.ano-meaning-list{list-style:none;padding:0;margin:0}.ano-meaning-list li{padding:5px 0;border-bottom:1px dashed #f0f0f0;transition:transform 0.3s ease}.ano-meaning-list li:last-child{border-bottom:none}.ano-name-card:hover .ano-meaning-list li{transform:translateX(5px)}.ano-name-origin{margin-top:15px;font-size:.9rem;color:#666}.ano-name-card-footer{padding:15px;border-top:1px solid #f0f0f0;text-align:center}.ano-details-btn{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);color:#fff;text-decoration:none;border-radius:20px;transition:all 0.3s ease;font-size:.9rem}.ano-details-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .1)}.ano-details-btn span{position:relative;display:inline-block;transition:transform 0.3s ease}.ano-details-btn:hover span{transform:translateX(5px)}.ano-pagination{display:flex;justify-content:center;align-items:center;margin:30px 0}.ano-pagination-prev,.ano-pagination-next{background:#fff;border:1px solid #e0e0e0;padding:8px 15px;border-radius:20px;cursor:pointer;display:flex;align-items:center;transition:all 0.3s ease;color:#555}.ano-pagination-prev svg,.ano-pagination-next svg{margin:0 5px}.ano-pagination-prev:hover,.ano-pagination-next:hover{background:#f5f5f5}.ano-pagination-prev:disabled,.ano-pagination-next:disabled{opacity:.5;cursor:not-allowed}.ano-pagination-info{margin:0 15px;font-size:.9rem;color:#666}.ano-letter-info{margin-top:50px;padding:20px;background:#f9f9f9;border-radius:10px}.ano-letter-info h2{margin-top:0;color:#333;font-size:1.5rem}.ano-letter-info p{color:#666;line-height:1.6}.ano-no-names-message{text-align:center;padding:30px;background:#f9f9f9;border-radius:10px;margin:30px 0}.ano-no-names-message p{color:#666;font-size:1.1rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.ano-letter-header h1{font-size:2rem}.ano-letter-badge{width:80px;height:80px}.ano-letter-icon{font-size:2.5rem}.ano-alphabet-item{width:40px;height:40px;font-size:1rem}}@media (max-width:576px){.ano-letter-header h1{font-size:1.8rem}.ano-letter-badge{width:70px;height:70px}.ano-letter-icon{font-size:2rem}.ano-alphabet-item{width:35px;height:35px;font-size:.9rem}.ano-pagination-prev,.ano-pagination-next{padding:6px 12px;font-size:.9rem}}