.topforms-hero{background:linear-gradient(135deg,#1e3a8a,#1d4ed8 50%,#2563eb);overflow:hidden;padding:3rem 1.5rem 4rem;position:relative;text-align:center}.hero-bg-pattern{background-image:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.08) 0,transparent 50%),radial-gradient(circle at 40% 40%,hsla(0,0%,100%,.03) 0,transparent 30%);inset:0;pointer-events:none;position:absolute}.topforms-hero-container{margin:0 auto;max-width:800px;position:relative}.topforms-hero .hero-badge{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:100px;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.topforms-title{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.topforms-subtitle{color:hsla(0,0%,100%,.85);font-size:1.125rem;line-height:1.6;margin:0 auto 2rem;max-width:600px}.search-box{margin:0 auto 1.5rem;max-width:500px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:hsla(0,0%,100%,.6);height:20px;left:1rem;pointer-events:none;position:absolute;width:20px}.search-box input{background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:12px;color:#fff;font-size:1rem;padding:.875rem 3rem .875rem 2.75rem;transition:all .2s ease;width:100%}.search-box input::placeholder{color:hsla(0,0%,100%,.5)}.search-box input:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4)}.search-box input:focus{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.6);box-shadow:0 0 0 4px hsla(0,0%,100%,.1);outline:none}.clear-search-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:.75rem;transition:all .2s ease;width:28px}.clear-search-btn svg{color:hsla(0,0%,100%,.8);height:16px;width:16px}.clear-search-btn:hover{background:hsla(0,0%,100%,.35)}.results-counter{background:hsla(0,0%,100%,.1);border-radius:8px;color:hsla(0,0%,100%,.9);display:inline-block;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;text-align:center}#resultsCounter{display:block;text-align:center}.filter-controls{align-items:center;display:flex;flex-direction:column;gap:1rem}.filter-row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.filter-row-advanced{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;gap:1rem 1.5rem;padding:1rem 1.5rem}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{color:hsla(0,0%,100%,.8);font-size:.875rem;font-weight:500}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.15);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;min-width:120px;padding:.5rem 2rem .5rem .75rem;transition:background-color .15s ease,border-color .15s ease}.filter-select:hover{background-color:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5)}.filter-actions{display:flex;justify-content:center;margin-top:.5rem}.btn-clear-filters{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.9);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-clear-filters:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4)}.filter-select:focus{border-color:hsla(0,0%,100%,.6);box-shadow:0 0 0 2px hsla(0,0%,100%,.1);outline:none}.filter-select option{background:#fff;color:#1e293b;padding:.5rem}.topforms-list-section{background:#f8fafc;padding:3rem 1.5rem 5rem}.topforms-container{margin:0 auto;max-width:900px}.privacy-note{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:.75rem 1.25rem}.privacy-icon{color:#10b981;flex-shrink:0;height:18px;width:18px}.topforms-grid{display:flex;flex-direction:column;gap:1rem}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.05);display:flex;overflow:hidden;transition:all .3s ease}.form-card:hover{border-color:#cbd5e1;box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.form-card.featured{background:linear-gradient(135deg,#eff6ff,#fff);border:2px solid #2563eb}.form-card.featured:hover{border-color:#1d4ed8}.card-rank{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;flex-direction:column;justify-content:center;min-width:70px;padding:1rem .5rem;position:relative;width:70px}.form-card.featured .card-rank{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.rank-number{color:#475569;font-size:1.75rem;font-weight:800;line-height:1}.form-card.featured .rank-number{color:#fff}.rank-crown{font-size:1.25rem;margin-top:.25rem}.rank-pin{font-size:.875rem;margin-top:.25rem}.card-content{display:flex;flex:1;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.card-header{align-items:flex-start;display:flex;gap:1rem}.form-icon{font-size:2rem;line-height:1}.form-info{flex:1}.form-title{color:#1e293b;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.form-subtitle{color:#64748b;font-size:.8125rem}.card-stats{display:flex;flex-direction:column;gap:.5rem}.score-bar{background:#e2e8f0;border-radius:100px;height:8px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:100px;height:100%;transition:width .5s ease}.score-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.score-label{color:#64748b;font-size:.75rem}.score-value{border-radius:100px;font-size:.8125rem;font-weight:600;padding:.125rem .5rem}.score-value.high{background:#dcfce7;color:#166534}.score-value.medium{background:#fef3c7;color:#92400e}.score-value.low{background:#f1f5f9;color:#475569}.trend{font-size:.8125rem;font-weight:600;margin-left:auto}.trend.up{color:#16a34a}.trend.down{color:#dc2626}.trend.stable{color:#64748b}.card-actions{align-items:center;display:flex;gap:1rem;margin-top:auto}.btn-checklist{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s}.btn-checklist:hover{box-shadow:0 4px 12px rgba(37,99,235,.3);transform:translateY(-1px)}.btn-checklist svg{height:16px;width:16px}.badge-available{background:#dcfce7;color:#16a34a}.badge-available,.badge-coming{border-radius:100px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-coming{background:#fef3c7;color:#d97706}.request-form-cta{align-items:center;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-radius:16px;display:flex;gap:1.5rem;margin-top:2rem;padding:1.5rem 2rem}.cta-icon{flex-shrink:0;font-size:2.5rem}.cta-content{flex:1}.cta-content h3{color:#1e293b;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.cta-content p{color:#64748b;font-size:.875rem}.cta-button{align-items:center;background:#1e293b;border-radius:10px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;white-space:nowrap}.cta-button:hover{background:#0f172a;transform:translateY(-1px)}.cta-button svg{height:16px;width:16px}@media (max-width:768px){.topforms-hero{padding:2.5rem 1rem 3rem}.filter-controls{align-items:stretch;flex-direction:column;gap:1rem}.filter-group{justify-content:space-between}.filter-select{flex:1;max-width:200px}.topforms-list-section{padding:2rem 1rem 4rem}.form-card{flex-direction:column}.card-rank{flex-direction:row;gap:.5rem;justify-content:flex-start;min-width:unset;padding:.75rem 1rem;width:100%}.rank-number{font-size:1.25rem}.rank-crown{font-size:1rem;margin-top:0}.card-content{padding:1rem 1.25rem 1.25rem}.card-actions{align-items:stretch;flex-direction:column}.btn-checklist{justify-content:center}.badge-available,.badge-coming{text-align:center}.request-form-cta{flex-direction:column;padding:1.5rem;text-align:center}.cta-button{justify-content:center;width:100%}}@media (max-width:480px){.topforms-title{font-size:1.75rem}.topforms-subtitle{font-size:1rem}.privacy-note{flex-direction:column;text-align:center}}.empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.empty-state p{color:#64748b;font-size:.9375rem;margin:0 auto;max-width:400px}.search-empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:4rem 2rem;text-align:center}.search-empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.search-empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.search-empty-state p{color:#64748b;font-size:.9375rem;margin:0 auto;max-width:400px}.form-card mark{background:linear-gradient(120deg,#fef08a,#fde047);border-radius:3px;color:inherit;padding:.1em .2em}.btn-notify{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(245,158,11,.25);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.btn-notify:hover:not(.subscribed){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px rgba(245,158,11,.35);transform:translateY(-1px)}.btn-notify:active:not(.subscribed){transform:translateY(0)}.btn-notify.subscribed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px rgba(16,185,129,.25);cursor:default}.notify-modal{align-items:center;animation:fadeIn .2s ease;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notify-modal-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.notify-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.2);max-width:420px;padding:2rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notify-modal-close{display:none}.notify-modal-close:hover{background:#f1f5f9;color:#64748b}.notify-modal-header{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.notify-modal-header .notify-icon{font-size:2rem}.notify-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.notify-modal-form-name{color:#3182ce;font-size:.9375rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.notify-form{margin-bottom:1rem}.notify-input-group{display:flex;flex-direction:column;gap:.75rem}.notify-input-group input{border:2px solid #e2e8f0;border-radius:8px;flex:1;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.notify-input-group input:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.15);outline:none}.btn-submit-notify{background:linear-gradient(135deg,#3182ce,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease;width:100%}.btn-submit-notify:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.btn-submit-notify:disabled{cursor:not-allowed;opacity:.7}.notify-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-top:.75rem;padding:.75rem 1rem}.notify-success{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:8px;color:#059669;display:flex;font-weight:500;gap:.5rem;padding:1rem}.notify-success span:first-child{font-size:1.25rem}.notify-privacy{color:#94a3b8;font-size:.75rem;margin:0;text-align:center}@media (max-width:480px){.notify-modal-content{padding:1.5rem}.notify-input-group{flex-direction:column}.btn-submit-notify{width:100%}.notify-modal-header{flex-direction:column;text-align:center}.notify-modal-form-name{padding-left:0;text-align:center}}.btn-mobile-filters{align-items:center;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:10px;color:#fff;cursor:pointer;display:none;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-mobile-filters:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5)}.btn-mobile-filters svg{height:18px;width:18px}.btn-mobile-filters .filter-count{align-items:center;background:#f59e0b;border-radius:100px;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.bottom-sheet{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;visibility:hidden;z-index:9998}.bottom-sheet.open{pointer-events:auto;visibility:visible}.bottom-sheet-backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.bottom-sheet.open .bottom-sheet-backdrop{opacity:1}.bottom-sheet-content{background:#fff;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -10px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;left:0;max-height:85vh;overflow:hidden;position:absolute;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.bottom-sheet.open .bottom-sheet-content{transform:translateY(0)}.bottom-sheet-handle{cursor:grab;display:flex;justify-content:center;padding:12px 0 8px}.bottom-sheet-handle:active{cursor:grabbing}.bottom-sheet-handle-bar{background:#cbd5e1;border-radius:100px;height:4px;width:40px}.bottom-sheet-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 1.5rem 1rem}.bottom-sheet-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem}.bottom-sheet-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.bottom-sheet-close:hover{background:#e2e8f0}.bottom-sheet-close svg{color:#64748b;height:20px;width:20px}.bottom-sheet-body{flex:1;overflow-y:auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.bottom-sheet-section{margin-bottom:1.5rem}.bottom-sheet-section:last-child{margin-bottom:0}.bottom-sheet-label{color:#64748b;font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:100px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{background:#f1f5f9;border-color:#cbd5e1}.filter-chip.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#1d4ed8}.filter-chip-icon{font-size:1rem}.bottom-sheet-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding:1rem 1.5rem}.btn-reset-filters{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;flex:1;font-size:.9375rem;font-weight:600;padding:.875rem 1.25rem;transition:all .2s}.btn-reset-filters:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-apply-filters{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:2;font-size:.9375rem;font-weight:600;padding:.875rem 1.25rem;transition:all .2s}.btn-apply-filters:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px rgba(37,99,235,.3);transform:translateY(-1px)}.filter-chip .check-icon{display:none;height:16px;width:16px}.filter-chip.active .check-icon{color:#2563eb;display:block}@media (max-width:768px){.btn-mobile-filters{display:inline-flex}.filter-actions,.filter-row-advanced{display:none!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-sheet-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}