.dating-page{color:#fff;background:radial-gradient(circle at 10% 10%,#f472b638,#0000 34%),radial-gradient(circle at 90% 22%,#db27772e,#0000 38%),linear-gradient(155deg,#170716,#3d1424 48%,#0b0a1d);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}.dating-shell{z-index:1;width:100%;max-width:760px;padding:22px 16px calc(48px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative}.dating-back{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;width:max-content;padding:9px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.dating-back:hover{background:#ffffff24;border-color:#fff3}.dating-hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:28px;padding:24px 20px;animation:.6s cubic-bezier(.2,.7,.2,1) both dating-rise;box-shadow:0 24px 56px #0003}.dating-badge{color:#fff;background:linear-gradient(135deg,#f472b6,#db2777);border-radius:20px;place-items:center;width:58px;height:58px;margin-bottom:14px;display:grid;box-shadow:0 14px 34px #db277757}.dating-hero h1{letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#ffd6e9 55%,#f9a8d4);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:30px;line-height:1.1}.dating-hero p{color:#f4d8e2;margin:0;font-size:15px;line-height:1.6}.dating-toolbar{gap:8px;display:flex}.dating-search{color:#f2c3d6;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.dating-search:focus-within{border-color:#f9a8d48c;box-shadow:0 0 0 4px #f472b61f}.dating-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0;font-family:inherit;font-size:15px}.dating-add{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f472b6,#db2777);border:none;border-radius:18px;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .18s,filter .2s;display:inline-flex}.dating-add:hover{filter:brightness(1.07);transform:translateY(-2px)}.dating-filters{flex-wrap:wrap;gap:8px;display:flex}.dating-filter{color:#f7d7e3;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .18s,background-color .2s,border-color .2s,color .2s}.dating-filter:hover{background:#ffffff1f;transform:translateY(-2px)}.dating-filter.is-active{color:#fff;background:#f9a8d429;border-color:#f9a8d499}.dating-form,.dating-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1c;border-radius:24px;padding:16px;box-shadow:0 18px 44px #00000029}.dating-form{flex-direction:column;gap:10px;animation:.35s both dating-rise;display:flex}.dating-form input,.dating-form select,.dating-form textarea{color:#fff;resize:vertical;background:#ffffff12;border:1px solid #ffffff1f;border-radius:15px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.dating-form input:focus,.dating-form select:focus,.dating-form textarea:focus{border-color:#f9a8d48c}.dating-form select option{color:#111}.dating-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f472b6,#db2777);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:800;transition:filter .2s,transform .18s;display:inline-flex}.dating-form button:hover{filter:brightness(1.07);transform:translateY(-2px)}.dating-note{color:#ffd6e9;text-align:center;margin:0;font-size:14px}.dating-note.is-error{color:#fecdd3}.dating-list{gap:12px;display:grid}.dating-card{transition:transform .22s,background-color .22s,border-color .22s;animation:.5s cubic-bezier(.2,.7,.2,1) both dating-rise}.dating-card:hover{background:#ffffff1c;border-color:#f9a8d447;transform:translateY(-4px)}.dating-card-head{align-items:center;gap:12px;display:flex}.dating-card-head h2{letter-spacing:-.03em;margin:0;font-size:18px}.dating-card-head p{color:#ecc4d4;margin:3px 0 0;font-size:13px}.dating-avatar{color:#fff;border-radius:18px;flex:none;place-items:center;width:52px;height:52px;font-size:22px;font-weight:900;display:grid}.dating-avatar.female{background:linear-gradient(135deg,#f472b6,#db2777)}.dating-avatar.male{background:linear-gradient(135deg,#8f72c4,#677fb2)}.dating-tag{color:#ffd6e9;white-space:nowrap;background:#f9a8d424;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:11px;font-weight:800}.dating-about{color:#f1dbe5;margin:12px 0;font-size:14px;line-height:1.65}.dating-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.dating-contact{color:#dcc0cd;font-size:13px}.dating-actions a{color:#fff;background:#ffffff1a;border-radius:14px;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s,transform .18s;display:inline-flex}.dating-actions a:hover{background:#ffffff29;transform:translateY(-2px)}.dating-status,.dating-seo{text-align:center;background:#ffffff12;border:1px solid #ffffff1c;border-radius:24px;padding:20px}.dating-seo{text-align:left}.dating-seo h2{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#ffd6e9 55%,#f9a8d4);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:20px}.dating-seo p{color:#f3d8e3;margin:0;font-size:14px;line-height:1.65}.dating-seo p+p{margin-top:10px}.dating-seo a{color:#ffe3f0;border-bottom:1px solid #ffe3f059;font-weight:700;text-decoration:none}.dating-seo a:hover{color:#fff;border-color:#fff}.dating-spin{animation:1s linear infinite dating-spin}@keyframes dating-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dating-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.dating-toolbar{flex-direction:column}.dating-add{justify-content:center;height:46px}.dating-card-head{align-items:flex-start}.dating-tag{margin-top:2px}}@media (prefers-reduced-motion:reduce){.dating-hero,.dating-form,.dating-card{animation:none}.dating-back,.dating-add,.dating-filter,.dating-card,.dating-form button,.dating-actions a{transition:none}.dating-spin{animation:none}}