@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap";:root{--caf-navy-950:#020610;--caf-navy-900:#050d1d;--caf-navy-850:#081528;--caf-navy-800:#0c1a32;--caf-navy-700:#122847;--caf-navy-600:#1a3354;--caf-navy-500:#234568;--caf-charcoal:#141c2b;--caf-charcoal-light:#1c2738;--caf-slate:#243044;--caf-gold-champagne:#e8d5a3;--caf-gold-light:#f5e6b8;--caf-gold:#d4af37;--caf-gold-rich:#c9a227;--caf-gold-dark:#8b6914;--caf-gold-deep:#6b5010;--caf-white:#fff;--caf-white-soft:#f4f6fa;--caf-gray-100:#e2e8f0;--caf-gray-200:#cbd5e1;--caf-gray-400:#94a3b8;--caf-gray-500:#64748b;--caf-gray-600:#475569;--caf-error:#f87171;--caf-error-deep:#ef4444;--caf-success:#34d399;--caf-success-deep:#22c55e;--caf-warning:#fbbf24;--caf-info:#38bdf8;--caf-gradient-navy:linear-gradient(165deg, var(--caf-navy-950) 0%, var(--caf-navy-800) 45%, var(--caf-navy-700) 100%);--caf-gradient-gold:linear-gradient(135deg, var(--caf-gold-light) 0%, var(--caf-gold) 42%, var(--caf-gold-dark) 100%);--caf-gradient-gold-shine:linear-gradient(135deg, #fff8e7 0%, var(--caf-gold-light) 25%, var(--caf-gold) 55%, var(--caf-gold-dark) 100%);--caf-gradient-hero:linear-gradient(145deg, var(--caf-navy-950) 0%, var(--caf-navy-800) 55%, var(--caf-navy-600) 100%);--caf-gradient-mesh:radial-gradient(ellipse 90% 70% at 85% -10%, #d4af3724, transparent 55%), radial-gradient(ellipse 70% 50% at 5% 100%, #38bdf80f, transparent 50%), radial-gradient(ellipse 50% 40% at 50% 50%, #d4af370a, transparent 60%), var(--caf-navy-950);--caf-glass-bg:#0c1a32a6;--caf-glass-bg-strong:#081528e0;--caf-glass-border:#d4af3724;--caf-glass-border-hover:#d4af3747;--caf-blur:blur(20px);--caf-blur-sm:blur(12px);--caf-font-ar:"Tajawal", "Cairo", sans-serif;--caf-font-en:"Outfit", "Inter", system-ui, sans-serif;--caf-space-xs:4px;--caf-space-sm:8px;--caf-space-md:16px;--caf-space-lg:24px;--caf-space-xl:32px;--caf-space-2xl:48px;--caf-space-3xl:64px;--caf-radius-xs:6px;--caf-radius-sm:10px;--caf-radius-md:14px;--caf-radius-lg:18px;--caf-radius-xl:24px;--caf-radius-2xl:32px;--caf-radius-pill:999px;--caf-shadow-xs:0 1px 2px #00000040;--caf-shadow-sm:0 4px 16px #00000047;--caf-shadow-md:0 8px 32px #00000059;--caf-shadow-lg:0 16px 48px #00000073;--caf-shadow-card:0 12px 40px #0006, 0 0 0 1px #ffffff0a inset;--caf-shadow-button:0 8px 24px #d4af3747;--caf-shadow-glow:0 0 40px #d4af371f;--caf-shadow-gold-ring:0 0 0 1px #d4af3733, 0 0 24px #d4af3714;--caf-ease:cubic-bezier(.4, 0, .2, 1);--caf-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--caf-duration:.22s;--caf-duration-slow:.4s;--oauth-divider-color:var(--caf-gray-500);--oauth-divider-line:#d4af3724;--oauth-google-bg:#131314;--oauth-google-bg-hover:#1a1b1c;--oauth-google-border:#8e918f8c;--oauth-google-border-hover:#d4af3759;--oauth-google-text:#e8eaed;--oauth-apple-bg:#000;--oauth-apple-bg-hover:#1a1a1a;--oauth-apple-border:#000;--oauth-apple-text:#fff}html[data-oauth-surface=light]{--oauth-divider-color:#5f6368;--oauth-divider-line:#dadce0;--oauth-google-bg:#fff;--oauth-google-bg-hover:#f8f9fa;--oauth-google-border:#dadce0;--oauth-google-border-hover:#bdc1c6;--oauth-google-text:#3c4043}html[data-oauth-surface=dark]{--oauth-divider-color:var(--caf-gray-500);--oauth-divider-line:#d4af3724;--oauth-google-bg:#131314;--oauth-google-bg-hover:#1a1b1c;--oauth-google-border:#8e918f8c;--oauth-google-border-hover:#d4af3759;--oauth-google-text:#e8eaed}:root{--tinder-pink:var(--caf-gold);--tinder-pink-dark:var(--caf-gold-dark);--tinder-orange:var(--caf-gold-light);--tinder-gradient:var(--caf-gradient-gold);--tinder-gradient-h:var(--caf-gradient-gold-shine);--accent-gradient:var(--caf-gradient-gold);--tinder-blue:#38bdf8;--tinder-green:var(--caf-success-deep);--tinder-nope:var(--caf-error-deep);--tinder-gold:var(--caf-gold);--tinder-gold-light:var(--caf-gold-light);--tinder-platinum:#a78bfa;--tinder-dark:var(--caf-white-soft);--tinder-gray:var(--caf-gray-400);--tinder-gray-light:var(--caf-gray-200);--tinder-border:#d4af371a;--tinder-border-strong:#d4af3738;--surface:var(--caf-navy-950);--surface-muted:var(--caf-navy-850);--surface-elevated:var(--caf-charcoal);--surface-glass:var(--caf-glass-bg);--sidebar-width:88px;--sidebar-width-expanded:260px;--bottom-nav-height:68px;--top-bar-height:60px;--page-padding:28px;--content-max:1240px;--swipe-card-width:min(420px, calc(100vw - 48px));--swipe-card-max-height:min(720px, calc(100vh - 200px));--card-radius:var(--caf-radius-md);--card-radius-lg:var(--caf-radius-lg);--shadow-sm:var(--caf-shadow-xs);--shadow-md:var(--caf-shadow-sm);--shadow-lg:var(--caf-shadow-md);--shadow-card:var(--caf-shadow-card);--shadow-glow:var(--caf-shadow-button);--transition:var(--caf-duration) var(--caf-ease);--font-en:var(--caf-font-en);--font-ar:var(--caf-font-ar)}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{font-family:var(--font-en);background:var(--caf-gradient-mesh);color:var(--tinder-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;background-attachment:fixed;line-height:1.55}html[dir=rtl] body{font-family:var(--font-ar);letter-spacing:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #d4af3759}50%{box-shadow:0 0 0 14px #d4af3700}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.page-container{width:100%;max-width:var(--content-max);padding:var(--page-padding);padding-bottom:calc(var(--page-padding) + var(--bottom-nav-height));animation:fadeIn .45s var(--caf-ease);margin:0 auto}.page-header{margin-bottom:28px}.page-title{letter-spacing:-.6px;color:var(--tinder-dark);margin:0 0 6px;font-size:clamp(26px,4vw,32px);font-weight:800}.page-title--gradient{background:var(--tinder-gradient-h);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-desc{color:var(--tinder-gray);max-width:560px;margin:0;font-size:15px;font-weight:500;line-height:1.6}.surface-card{background:var(--caf-glass-bg);-webkit-backdrop-filter:var(--caf-blur-sm);border-radius:var(--card-radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--caf-glass-border);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition)}.surface-card:hover{border-color:var(--caf-glass-border-hover)}.btn-tinder{background:var(--tinder-gradient);color:var(--caf-navy-950);border-radius:var(--caf-radius-pill);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);letter-spacing:.3px;width:100%;box-shadow:var(--shadow-glow);border:none;padding:15px 34px;font-family:inherit;font-size:15px;font-weight:700;position:relative;overflow:hidden}.btn-tinder:before{content:"";opacity:0;background:linear-gradient(105deg,#0000 40%,#ffffff59 50%,#0000 60%) 0 0/200% 100%;transition:opacity .3s;position:absolute;inset:0}.btn-tinder:hover:not(:disabled){box-shadow:var(--caf-shadow-button), var(--caf-shadow-glow);filter:brightness(1.06);transform:translateY(-2px)}.btn-tinder:hover:not(:disabled):before{opacity:1;animation:1.2s shimmer}.btn-tinder:active:not(:disabled){transform:translateY(0)}.btn-tinder:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-tinder--inline{width:auto;min-width:168px}.btn-ghost{color:#fff;border-radius:var(--caf-radius-pill);cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:var(--caf-blur-sm);backdrop-filter:var(--caf-blur-sm);background:#ffffff0f;border:1px solid #ffffff38;padding:13px 30px;font-family:inherit;font-size:15px;font-weight:600}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff73;transform:translateY(-1px)}.btn-ghost-dark{border:1px solid var(--tinder-border-strong);color:var(--tinder-dark);border-radius:var(--caf-radius-pill);cursor:pointer;transition:all var(--transition);background:0 0;padding:12px 26px;font-family:inherit;font-size:14px;font-weight:600}.btn-ghost-dark:hover{border-color:var(--tinder-pink);color:var(--tinder-pink);box-shadow:var(--caf-shadow-gold-ring);background:#d4af370f}.input-tinder{border:1px solid var(--tinder-border);border-radius:var(--caf-radius-md);width:100%;-webkit-backdrop-filter:var(--caf-blur-sm);backdrop-filter:var(--caf-blur-sm);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);color:var(--tinder-dark);background:#0815288c;margin-bottom:14px;padding:15px 18px;font-family:inherit;font-size:15px}html[dir=rtl] .input-tinder{text-align:right}.input-tinder:focus{box-shadow:0 0 0 4px #d4af371f, var(--caf-shadow-gold-ring);background:#081528bf;border-color:#d4af378c;outline:none}.input-tinder::placeholder{color:var(--caf-gray-500)}.select-tinder{border:1px solid var(--tinder-border);border-radius:var(--caf-radius-md);width:100%;color:var(--tinder-dark);cursor:pointer;appearance:none;padding:15px 18px;transition:border-color var(--transition), box-shadow var(--transition);background:#0815288c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%2394A3B8'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 14px center no-repeat;margin-bottom:14px;padding-inline-end:42px;font-family:inherit;font-size:15px}html[dir=rtl] .select-tinder{background-position:14px;padding-inline:42px 18px}.select-tinder:focus{border-color:#d4af378c;outline:none;box-shadow:0 0 0 4px #d4af371f}.select-tinder:disabled{opacity:.5;cursor:not-allowed}.form-field{margin-bottom:14px}.form-field label{color:var(--caf-gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.logo-text{background:var(--tinder-gradient-h);-webkit-text-fill-color:transparent;letter-spacing:5px;text-transform:uppercase;font-size:42px;font-weight:800;font-family:var(--font-en);-webkit-background-clip:text;background-clip:text;line-height:1}.logo-text--sm{letter-spacing:3px;font-size:26px}.logo-text--xs{letter-spacing:2px;font-size:20px}.logo-text--light{-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 2px 24px #d4af3740;background:0 0}.pill{border-radius:var(--caf-radius-pill);color:var(--caf-gold-light);transition:all var(--transition);background:#d4af3714;border:1px solid #d4af372e;align-items:center;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.pill--pink,.pill:hover{color:var(--caf-gold-champagne);background:#d4af3724;border-color:#d4af3752}.swipe-actions{justify-content:center;align-items:center;gap:18px;padding:24px 0;display:flex}.swipe-btn{border:1px solid var(--caf-glass-border);cursor:pointer;background:var(--caf-glass-bg);width:64px;height:64px;-webkit-backdrop-filter:var(--caf-blur-sm);backdrop-filter:var(--caf-blur-sm);box-shadow:var(--shadow-md);transition:transform var(--caf-ease-spring), box-shadow var(--transition), border-color var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:0;display:flex;position:relative}.swipe-btn:after{font-size:26px;line-height:1}.swipe-btn:hover{box-shadow:var(--shadow-lg), var(--caf-shadow-glow);border-color:var(--caf-glass-border-hover);transform:scale(1.1)}.swipe-btn--sm{width:52px;height:52px}.swipe-btn--sm:after{font-size:20px}.swipe-btn--rewind:after{content:"↩";color:var(--tinder-gold);font-size:22px}.swipe-btn--nope:after{content:"✕";color:var(--tinder-nope);font-size:30px;font-weight:700}.swipe-btn--super:after{content:"★";color:var(--tinder-blue);font-size:26px}.swipe-btn--like{width:72px;height:72px}.swipe-btn--like:after{content:"♥";color:var(--tinder-green);font-size:34px}.swipe-btn--boost:after{content:"⚡";color:var(--tinder-gold);font-size:22px}.gold-upsell{border-radius:var(--card-radius-lg);color:#fff;box-shadow:var(--caf-shadow-gold-ring);background:linear-gradient(135deg,#d4af371f 0%,#081528e6 100%);border:1px solid #d4af3747;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:28px 32px;display:flex}.gold-upsell h3{color:var(--caf-gold-champagne);margin:0 0 8px;font-size:22px;font-weight:800}.gold-upsell p{opacity:.88;margin:0;font-size:14px;line-height:1.55}.gold-badge-pill{background:var(--tinder-gradient);color:var(--caf-navy-950);border-radius:var(--caf-radius-sm);letter-spacing:.6px;box-shadow:var(--shadow-glow);flex-shrink:0;padding:12px 20px;font-size:15px;font-weight:800}.chip-row{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.chip{border-radius:var(--caf-radius-pill);border:1px solid var(--tinder-border);background:var(--caf-glass-bg);-webkit-backdrop-filter:var(--caf-blur-sm);backdrop-filter:var(--caf-blur-sm);cursor:pointer;transition:all var(--transition);color:var(--tinder-dark);padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600}.chip:hover{border-color:var(--tinder-border-strong);color:var(--caf-gold-light);transform:translateY(-1px)}.chip.active{background:var(--tinder-gradient);color:var(--caf-navy-950);box-shadow:var(--shadow-glow);border:none}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.photo-card{aspect-ratio:3/4;border-radius:var(--card-radius);cursor:pointer;box-shadow:var(--shadow-md);border:1px solid var(--caf-glass-border);transition:transform var(--transition), box-shadow var(--transition);position:relative;overflow:hidden}.photo-card:hover{box-shadow:var(--shadow-lg), var(--caf-shadow-glow);transform:translateY(-6px)scale(1.01)}.photo-card img{object-fit:cover;width:100%;height:100%;display:block}.photo-card__label{background:linear-gradient(#0000 50%,#020610e0);align-items:flex-end;padding:18px;display:flex;position:absolute;inset:0}.photo-card__label span{color:#fff;text-shadow:0 2px 8px #0006;font-size:17px;font-weight:800}.photo-card.blurred img{filter:blur(18px)saturate(.5)}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px;max-width:920px;display:grid}.settings-section{padding:28px}.settings-section h3{color:var(--caf-gold-light);letter-spacing:-.2px;margin:0 0 20px;font-size:16px;font-weight:700}.settings-section label{color:var(--tinder-dark);margin-bottom:16px;font-size:13px;font-weight:600;display:block}.empty-state{color:var(--tinder-gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:56px 28px;display:flex}.empty-state__icon{opacity:.45;color:var(--caf-gold);font-size:52px}.spinner{border:2px solid var(--tinder-border);border-top-color:var(--tinder-pink);border-radius:50%;width:46px;height:46px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}html[dir=rtl],html[dir=rtl] .page-container,html[dir=rtl] .page-header,html[dir=rtl] .surface-card,html[dir=rtl] .form-field{text-align:right}html[dir=rtl] .page-title{letter-spacing:0}html[dir=rtl] .input-tinder,html[dir=rtl] .select-tinder,html[dir=rtl] textarea.input-tinder,html[dir=rtl] .form-field label{text-align:right}html[dir=rtl] .chip-row,html[dir=rtl] .chips{justify-content:flex-start}html[dir=rtl] .conv-item,html[dir=rtl] .chat-header,html[dir=rtl] .age-row,html[dir=rtl] .auth-layout{flex-direction:row-reverse}html[dir=rtl] .discover-topbar,html[dir=rtl] .inbox-header{text-align:right}html[dir=ltr] .page-container,html[dir=ltr] .form-field{text-align:left}html{scroll-behavior:smooth}::selection{color:var(--caf-white);background:#d4af3759}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4af3738;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d4af3761}#app{width:100%;min-height:100vh}a{color:inherit}.app-shell:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 45% at 100% 0,#d4af3712,#0000 55%),radial-gradient(50% 40% at 0 100%,#38bdf80a,#0000 50%);position:fixed;inset:0}.app-shell>*{z-index:1;position:relative}