*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#102847;background:linear-gradient(130deg,#fff 50%,#f2f8ff);font:16px Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.global{display:flex;align-items:center;background:linear-gradient(#effaff,#d7e9f2);height:44px;padding:0 3%;gap:0;color:#075276;font-weight:700}.global a{padding:13px 18px;border-right:1px solid #c4d9e5;font-size:14px}.global a:hover{background:#d3edf8}.grow{flex:1}.hero{min-height:115px;display:flex;align-items:center;gap:35px;padding:15px 4%;position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 78% 45%,#f377a6 0%,#422449 32%,transparent 58%),linear-gradient(110deg,#005f7f,#052c52 55%,#6b2256)}.brand{display:flex;align-items:center;gap:10px;z-index:1;white-space:nowrap}.brand img{width:75px;height:65px;object-fit:contain}.brandname{font-weight:1000;font-size:clamp(28px,4vw,54px);font-style:italic;letter-spacing:-2px;color:#fff;text-shadow:-2px -2px #008fdd,2px 2px #008fdd,3px 4px #002c57}.bar{height:65px;border-left:1px solid #fff;margin:0 12px}.singles{font-size:clamp(30px,4vw,54px);font-family:Georgia,serif;font-style:italic;color:#ff8bc4;text-shadow:1px 2px #401638}.tagline{font:italic 22px Georgia,serif;text-align:center;z-index:1;line-height:1.45}.heroheart{font-size:145px;line-height:.5;color:#ff85b6;opacity:.5;position:absolute;right:7%;top:45px}.tabs{background:linear-gradient(90deg,#353252,#6c235c);display:flex;align-items:center;gap:10px;padding:6px 3%;color:#fff;flex-wrap:wrap}.tabs a{font-weight:700;padding:11px 15px;border-radius:7px;font-size:14px}.tabs a:hover,.tabs .active,.pink{background:linear-gradient(#f43b91,#b80057);color:#fff;box-shadow:inset 0 1px #ffacd1}.tabs .back{border:1px solid #ff91c6;background:linear-gradient(#ef4089,#a90058)}.page{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px;max-width:1550px;margin:22px auto;padding:0 22px}.maincol{min-width:0}.welcome{height:330px;border:1px solid #f0c9df;border-radius:15px;overflow:hidden;position:relative;display:flex;align-items:flex-start;padding:25px 22px;background:radial-gradient(circle at 90% 85%,#ffa56f 0%,#ffe6d6 19%,transparent 40%),linear-gradient(115deg,#f8d4ee,#fff5fa 60%,#f7c9df)}.butterfly img{width:160px;max-width:100%;filter:drop-shadow(0 5px 5px #e594b7)}.welcometext{z-index:1;flex:1;padding-left:15px;max-width:650px}.welcometext h1{font-size:clamp(24px,2.7vw,38px);margin:4px 0 10px;white-space:nowrap}.welcometext h1 span{color:#a00b67}.welcometext p{font-size:clamp(16px,1.7vw,23px);font-style:italic;line-height:1.35;margin:0 0 16px}.benefits{display:flex;max-width:560px;justify-content:space-around;text-align:center;font-weight:800;font-size:18px}.benefits div{flex:1;border-right:1px solid #d2a7c7}.benefits div:last-child{border:0}.benefits b{display:block;font-size:43px;color:#a60b65;line-height:1.1}.cta{display:block;text-align:center;padding:12px;border-radius:9px;max-width:340px;margin:15px auto;font-weight:800;font-size:19px}.silhouette{position:absolute;right:-30px;bottom:-110px;color:#d4689e;font-size:400px;opacity:.25}.browse{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;margin-top:20px}.panel{border:1px solid #b8d4ea;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#fff,#f4f9ff);box-shadow:0 2px 0 #edf5fa}.panel h2{font-size:21px;margin:0;padding:14px 15px;background:linear-gradient(90deg,#f9e7f4,#e7f1fa);color:#0c2948}.filters form{padding:13px 17px}.filters label:not(.check){display:block;font-weight:700;font-size:14px;margin:5px 0 6px}.filters select{width:100%;padding:9px;border:1px solid #a2b7cc;border-radius:7px;background:white;color:#142943;font-size:15px;margin-bottom:11px}.agerange{display:flex;align-items:center;gap:8px}.agerange select{width:44%}.check{display:block;margin:8px 0;font-size:14px}.check input{accent-color:#c00668}.search{width:100%;border:0;border-radius:8px;padding:12px;font-size:17px;font-weight:800;cursor:pointer;margin-top:10px}.paneltitle{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#e7f0fa,#f1e6f2)}.paneltitle h2{background:none}.paneltitle span{padding:0 15px;color:#a10b5e;font-weight:700}.cards{padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.member{border:1px solid #c3d8e8;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px #e2edf5}.avatar{height:165px;background:linear-gradient(135deg,#e7d3eb,#9acfe4);display:grid;place-items:center}.avatar img{width:110px;max-height:110px;object-fit:contain}.memberbody{padding:10px}.member h3{font-size:18px;margin:0 0 8px}.member p{font-size:13px;margin:5px 0;color:#41556a}.member .bio{min-height:33px}.intent{display:inline-block;font-size:11px;background:#f8e2ee;color:#8e0754;border-radius:8px;padding:5px 8px;text-transform:capitalize}.memberbuttons a{display:block;text-align:center;margin-top:9px;padding:9px 4px;border:1px solid #a5c6d9;border-radius:7px;background:#e8f4fc;font-weight:700;font-size:12px}.notice{padding:30px 18px;color:#47617a}.footnote{font-size:12px;color:#61748a;padding:0 14px 12px}.side{display:flex;flex-direction:column;gap:20px}.status h2{background:linear-gradient(90deg,#fbe3f1,#fff2f8)}.statusbody{padding:18px}.statusbody p{line-height:1.5}.statusbody a{display:block;text-align:center;padding:12px 8px;border-radius:8px;font-weight:800;margin:12px 0}.secondary{border:1px solid #9ab8d1;background:#eef5fa}.quick a{display:block;margin:0 14px;padding:14px 5px;border-bottom:1px solid #bfd4e4;font-weight:700}.quick a:last-child{border:0}footer{text-align:center;padding:30px;color:#55718a}@media(max-width:1120px){.page{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.tagline{display:none}}@media(max-width:760px){.global{overflow-x:auto;white-space:nowrap}.global a{padding:13px 9px}.hero{padding:12px}.brand img{width:45px}.brandname{font-size:29px}.singles{font-size:29px}.bar{height:38px;margin:0 2px}.tabs{gap:0}.tabs a{padding:10px}.page{padding:0 10px;margin:12px auto}.welcome{height:auto;min-height:330px;padding:18px 10px}.butterfly img{width:75px}.welcometext{padding-left:8px}.welcometext h1{white-space:normal;font-size:25px}.welcometext p{font-size:16px}.benefits{font-size:12px}.benefits b{font-size:27px}.browse{grid-template-columns:1fr}.side{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* NatterFly main-site alignment: shared dimensions, palette and typography */
:root{--nf-ink:#07334b;--nf-blue:#07546f;--nf-line:#cfdee7;--nf-bg:#edf4f7;--nf-muted:#55758a}
body{background:#edf4f7;color:var(--nf-ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}
.site-shell{width:min(1240px,calc(100% - 32px));margin:0 auto}
.global{height:31px;padding:0;background:#dcebf2;border-bottom:1px solid #bed5df;color:#003e5a}
.top-inner{display:flex;align-items:stretch;height:100%}.global a{display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12px;border-right:1px solid #c7d9e2}.global a:first-child{border-left:1px solid #c7d9e2}.global i{font-size:12px}.global .grow{flex:1}
.hero{min-height:91px;padding:0;background:linear-gradient(105deg,#07546f 0%,#06465e 55%,#73325c 100%);border-bottom:4px solid #c7dce6}
.hero-inner{display:flex;align-items:center;gap:15px;min-height:87px}.brand{display:flex;align-items:center;gap:0}.official-logo{display:block;width:205px;height:auto;max-height:70px;object-fit:contain}.brand-fallback{display:none;color:#fff;font-size:35px;font-weight:900;font-style:italic;text-shadow:2px 2px #068bc3}.hero .bar{height:47px;margin:0 4px 0 0}.hero .singles{font-size:39px;line-height:1}.hero .singles i{font-size:31px}.hero .tagline{font-size:17px;text-align:left;margin-left:20px}.heroheart{display:none}
.tabs{padding:0;background:#274357}.tabs-inner{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-height:40px}.tabs a{font-size:12px;border-radius:4px;padding:10px 11px}.tabs a i{margin-right:5px}.tabs .back{margin-left:auto}
.page{width:min(1240px,calc(100% - 32px));max-width:none;padding:0;margin:24px auto;grid-template-columns:minmax(0,1fr) 275px;gap:18px}
.welcome{height:255px;border-radius:4px;padding:20px 15px;background:linear-gradient(110deg,#f8e7f2 0%,#fff8fb 65%,#f9e2e9 100%);border:1px solid #d7dfe7}
.butterfly img{width:100px}.welcometext{padding-left:14px}.welcometext h1{font-size:29px;margin-top:3px}.welcometext p{font-size:17px;margin-bottom:10px}.benefits{font-size:14px;max-width:450px}.benefits b{font-size:28px}.cta{font-size:15px;padding:10px;margin:11px auto;max-width:290px}.silhouette{font-size:270px;bottom:-65px;right:-30px;opacity:.16}
.browse{grid-template-columns:225px minmax(0,1fr);gap:15px;margin-top:17px}
.panel{border:1px solid #c7dce7;border-radius:4px;box-shadow:none;background:#fff}.panel h2{font-size:17px;padding:12px;background:#eaf2f6;color:#07334b}.paneltitle{background:#eaf2f6}.paneltitle span{font-size:12px}.filters form{padding:12px}.filters label:not(.check){font-size:12px}.filters select{font-size:13px;padding:8px}.search{font-size:14px}.status h2{background:#f8eaf3}.statusbody{padding:14px}.statusbody a{font-size:13px}.quick a{font-size:13px;padding:12px 4px}.side{gap:16px}.cards{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}
@media(max-width:1050px){.page{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.hero .tagline{font-size:15px}.tabs .back{margin-left:0}}
@media(max-width:760px){.site-shell,.page{width:calc(100% - 20px)}.global{height:auto;overflow-x:auto}.top-inner{min-width:max-content}.global a{min-height:34px}.hero-inner{min-height:80px;gap:8px}.official-logo{width:140px}.hero .singles{font-size:29px}.hero .singles i{font-size:23px}.hero .bar{height:35px}.hero .tagline{display:none}.tabs-inner{gap:2px}.tabs a{font-size:12px;padding:8px}.welcome{height:auto;min-height:250px;padding:14px}.butterfly img{width:65px}.welcometext h1{font-size:23px}.welcometext p{font-size:15px}.benefits{font-size:11px}.benefits b{font-size:23px}.browse{grid-template-columns:1fr}.side{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}