*{margin:0;padding:0;box-sizing:border-box}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}.container{min-height:100vh;transition:background-color .3s ease,color .3s ease}.container.light-mode{background-color:#fff;color:#1a1a1a}.container.dark-mode{background-color:#1a1a1a;color:#fff}.header{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.1);transition:border-color .3s ease}.container.dark-mode .header{border-bottom-color:#ffffff1a}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;letter-spacing:-.5px}.theme-toggle{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .3s ease}.theme-toggle:hover{background-color:#0000001a}.container.dark-mode .theme-toggle:hover{background-color:#ffffff1a}.main-content{max-width:1000px;margin:0 auto;padding:40px 20px}.hero{text-align:center;margin-bottom:40px}.hero-title{font-size:42px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.hero-subtitle{font-size:16px;color:#888;font-weight:400}.container.dark-mode .hero-subtitle{color:#aaa}.search-section{margin-bottom:30px}.search-input{width:100%;padding:14px 18px;font-size:16px;border:1px solid #e0e0e0;border-radius:8px;transition:border-color .3s ease,background-color .3s ease;background-color:#f9f9f9}.container.dark-mode .search-input{background-color:#2a2a2a;border-color:#404040;color:#fff}.search-input:focus{outline:none;border-color:#5b5bff;background-color:#fff}.container.dark-mode .search-input:focus{background-color:#333}.categories-section{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.category-btn{padding:10px 24px;border:2px solid #e0e0e0;background:transparent;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:#666}.container.dark-mode .category-btn{border-color:#404040;color:#aaa}.category-btn:hover{border-color:#5b5bff;color:#5b5bff}.category-btn.active{background-color:#5b5bff;color:#fff;border-color:#5b5bff}.success-message{background-color:#4caf50;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;animation:slideIn .3s ease;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.websites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-bottom:60px}.website-card{padding:24px;border:1px solid #e0e0e0;border-radius:12px;background:#f9f9f9;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column}.container.dark-mode .website-card{background-color:#2a2a2a;border-color:#404040}.website-card:hover{transform:translateY(-4px);border-color:#5b5bff;box-shadow:0 8px 24px #5b5bff26}.container.dark-mode .website-card:hover{box-shadow:0 8px 24px #5b5bff40}.website-name{font-size:18px;font-weight:600;margin-bottom:8px}.website-description{font-size:14px;color:#888;margin-bottom:16px;flex-grow:1}.container.dark-mode .website-description{color:#aaa}.website-category{display:inline-block;font-size:12px;padding:4px 12px;background-color:#e8e8ff;color:#5b5bff;border-radius:20px;font-weight:500;width:fit-content}.container.dark-mode .website-category{background-color:#3a3a5a;color:#9b9bff}.no-results{grid-column:1 / -1;text-align:center;color:#888;padding:40px;font-size:16px}.container.dark-mode .no-results{color:#aaa}.suggest-section{background:#f9f9f9;padding:40px;border-radius:12px;border:1px solid #e0e0e0}.container.dark-mode .suggest-section{background-color:#2a2a2a;border-color:#404040}.suggest-title{font-size:24px;font-weight:600;margin-bottom:24px}.suggest-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-input,.form-select{padding:12px 14px;font-size:14px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;transition:border-color .3s ease;font-family:inherit}.container.dark-mode .form-input,.container.dark-mode .form-select{background-color:#333;border-color:#404040;color:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#5b5bff}.submit-btn{padding:14px 24px;background-color:#5b5bff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.submit-btn:hover{background-color:#4a4aee;transform:translateY(-2px);box-shadow:0 4px 12px #5b5bff4d}.submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.hero-title{font-size:32px}.websites-grid{grid-template-columns:1fr}.categories-section{gap:8px}.category-btn{padding:8px 16px;font-size:13px}.suggest-section{padding:24px}.main-content{padding:20px 16px}}@media (max-width: 480px){.header-content{padding:0 12px}.logo{font-size:22px}.hero-title{font-size:24px}.hero-subtitle{font-size:14px}.search-input{padding:12px 16px}.website-card,.suggest-section{padding:16px}}