:root{--bg-dark: #070708;--bg-card: #121216;--bg-nav: rgba(10, 10, 12, .85);--gold-primary: #e6b94d;--gold-secondary: #fceabb;--gold-gradient: linear-gradient(135deg, #e6b94d 0%, #fceabb 50%, #e6b94d 100%);--accent-rose: #ff2d55;--accent-gradient: linear-gradient(45deg, #ff2d55, #ff375f);--text-primary: #ffffff;--text-secondary: #8e8e93;--glass: rgba(255, 255, 255, .03);--glass-heavy: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .08);--shadow-gold: 0 10px 30px rgba(230, 185, 77, .15);--shadow-card: 0 20px 40px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #121216 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}input,select,textarea{background:transparent;border:none;color:#fff;outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGold{0%{box-shadow:0 0 #e6b94d66}70%{box-shadow:0 0 0 10px #e6b94d00}to{box-shadow:0 0 #e6b94d00}}.animate-fade{animation:fadeIn .6s cubic-bezier(.23,1,.32,1) forwards}.glass-card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-card);transition:all .3s ease}.glass-card:hover{border-color:#e6b94d4d;background:var(--glass-heavy)}.gold-text{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;font-weight:800}.btn-gold{background:var(--gold-gradient);background-size:200% auto;color:#000;border:none;padding:14px 28px;border-radius:18px;font-weight:700;font-size:15px;cursor:pointer;transition:.4s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-gold);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}.btn-gold:hover{transform:scale(1.02) translateY(-2px);background-position:right center;box-shadow:0 15px 35px #e6b94d40}.btn-gold:active{transform:scale(.98)}.page{min-height:100vh;padding-bottom:100px;animation:fadeIn .5s ease-out}.discover-header{padding:24px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;background:linear-gradient(to bottom,var(--bg-dark) 0%,rgba(7,7,8,.8) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-container{display:flex;align-items:center;gap:12px}.logo-circle{width:42px;height:42px;border-radius:14px;background:var(--gold-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold)}.filter-tabs{display:flex;gap:8px;padding:0 20px 10px;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.tab{padding:10px 20px;border-radius:15px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:.3s}.tab.active{background:var(--gold-gradient);color:#000;border-color:transparent;box-shadow:var(--shadow-gold)}.user-card{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:28px;cursor:pointer;transition:.5s cubic-bezier(.23,1,.32,1)}.user-card:hover{transform:translateY(-10px) scale(1.02)}.user-img{width:100%;height:100%;object-fit:cover;transition:.8s ease}.user-card:hover .user-img{transform:scale(1.1)}.user-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 16px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;flex-direction:column;gap:4px}.user-info-row{display:flex;align-items:center;gap:8px}.user-name{font-size:18px;font-weight:800;letter-spacing:-.5px}.user-age{font-size:16px;font-weight:400;opacity:.8}.status-indicator{width:8px;height:8px;border-radius:50%;background:#4cd964;box-shadow:0 0 10px #4cd964}.user-location{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.header-actions{display:flex;align-items:center;gap:12px}.action-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:.3s cubic-bezier(.23,1,.32,1)}.action-circle:hover{background:var(--glass-heavy);border-color:var(--gold-primary);color:var(--gold-primary);transform:scale(1.1) rotate(-5deg)}.action-circle:active{transform:scale(.9)}