.directory-hero{background:linear-gradient(135deg,#6b4423,#8b4513);color:#fff;padding:3rem 0;text-align:center}.directory-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(-45deg,#ff6b35,#fff,#ff6b35,#fff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.search-container{max-width:800px;margin:0 auto}.search-box{display:flex;background:#fff;border-radius:50px;overflow:hidden;box-shadow:0 10px 30px #0003;margin-bottom:1.5rem}.search-box input{flex:1;padding:1rem 1.5rem;border:none;font-size:1.1rem;outline:none;color:#333}.search-box input::placeholder{color:#999}.search-btn{background:#ff6b35;color:#fff;border:none;padding:1rem 1.5rem;font-size:1.2rem;cursor:pointer;transition:background .3s ease}.search-btn:hover{background:#e55a2b}.search-filters{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.filter-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.filter-btn:hover{background:#fff3;border-color:#ffffff80}.filter-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.email-categories{padding:4rem 0;background:#f8f9fa}.category-section{margin-bottom:4rem;transition:opacity .3s ease}.category-section.hidden{display:none}.category-header{text-align:center;margin-bottom:2rem}.category-header h2{font-size:2rem;color:#8b4513;margin-bottom:.5rem}.category-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.email-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.email-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.email-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026;border-color:#ff6b35}.email-card.hidden{display:none}.email-name{font-size:1.2rem;font-weight:700;color:#8b4513;margin-bottom:.5rem;word-break:break-all}.email-description{font-size:.9rem;color:#666;margin-bottom:1rem;font-style:italic}.select-btn{background:#ff6b35;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;align-self:flex-start}.select-btn:hover{background:#e55a2b;transform:translateY(-2px)}.select-btn:active{transform:translateY(0)}.selected-email-display{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px}.email-preview{font-size:1.5rem;font-weight:700;color:#8b4513;margin-bottom:.5rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a}.email-note{color:#666;font-style:italic;margin:0}.email-card.available{border-left:4px solid #28a745}.email-card.taken{opacity:.6;border-left:4px solid #dc3545}.email-card.taken .select-btn{background:#6c757d;cursor:not-allowed}.email-card.taken .select-btn:hover{background:#6c757d;transform:none}.availability-badge{position:absolute;top:10px;right:10px;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.availability-badge.available{background:#d4edda;color:#155724}.availability-badge.taken{background:#f8d7da;color:#721c24}.email-card.loading{opacity:.7}.email-card.loading .select-btn{background:#6c757d;cursor:wait}@media (max-width: 768px){.directory-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.search-filters{gap:.25rem}.filter-btn{font-size:.8rem;padding:.4rem .8rem}.email-grid{grid-template-columns:1fr;gap:1rem}.category-header h2{font-size:1.5rem}.email-name{font-size:1rem}.search-box{margin-bottom:1rem}.search-box input,.search-btn{padding:.75rem 1rem;font-size:1rem}}.category-section{animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-card.search-highlight{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3533}.search-highlight .email-name{color:#ff6b35}.no-results{text-align:center;padding:3rem;color:#666}.no-results h3{font-size:1.5rem;margin-bottom:1rem;color:#8b4513}.no-results p{font-size:1.1rem;margin-bottom:1rem}.clear-search-btn{background:#ff6b35;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease}.clear-search-btn:hover{background:#e55a2b;transform:translateY(-2px)}