:root{--ink:#1d3937;--green:#247568;--light:#edf5ef;--line:#dce5de}*{box-sizing:border-box}body{margin:0;background:#fbfcf9;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,.file{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:13px 19px;font-weight:600}button:hover,.file:hover{filter:brightness(.95)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d5a861;outline-offset:3px}[hidden]{display:none!important}.primary{background:var(--green);color:white;border:0}.primary span{margin-left:20px}header{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 26px;border-bottom:1px solid var(--line);gap:12px}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;font-weight:700;font-size:24px;letter-spacing:-1px}.logo{width:44px;height:44px;background:var(--green);color:white;display:grid;place-items:center;border-radius:14px;font-size:33px;margin-right:10px}.green{color:var(--green)}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;margin-top:5px}main{max-width:1168px;margin:auto}.intro{padding:64px 0 48px;position:relative}.eyebrow{color:var(--green);font-size:11px;letter-spacing:2px;font-weight:700}h1{font-family:Georgia,serif;font-size:66px;line-height:1.08;letter-spacing:-2px;margin:20px 0}h1 span{color:var(--green)}p{line-height:1.7;color:#63726d}.intro p{font-size:17px}.pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.pills span{border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:13px;background:white}.search{padding:22px;display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:16px;border:1px solid var(--line);background:white;border-radius:15px;box-shadow:0 10px 35px #183e3010;align-items:end}label{display:block;font-size:13px;font-weight:600}input,select,textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}.heading{display:flex;align-items:end;justify-content:space-between;margin:48px 0 24px}h2{font-family:Georgia,serif;font-size:30px;letter-spacing:-.7px;margin:10px 0}#count,small{font-size:12px;color:#708078}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:white}.portrait{height:255px;width:100%;object-fit:cover;background:var(--light)}.cardBody{padding:23px}.card h3{font-size:21px;margin:0 0 10px}.location{font-size:13px;color:#708078}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.tags span{background:var(--light);color:var(--green);font-size:11px;padding:7px 9px;border-radius:5px}.card p{font-size:13px;min-height:44px}.rating{border-top:1px solid var(--line);padding-top:16px;margin-top:16px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.stars{color:#b17f29}.card button{width:100%;margin-top:17px}.availability{font-size:11px;color:var(--green);margin-top:8px}.empty{background:var(--light);padding:30px;border-radius:12px}.join{background:#e9f1e9;border-radius:16px;padding:30px 34px;margin:55px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.join p{margin-bottom:0;font-size:14px}footer{max-width:1168px;margin:0 auto;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#718077}dialog{border:0;border-radius:17px;padding:32px;width:min(650px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 25px 90px #122c3355}dialog::backdrop{background:#17342f88;backdrop-filter:blur(4px)}.close{float:right;border:0;font-size:26px;padding:0 7px}.tabs{display:flex;gap:10px;margin-bottom:25px}.tabs .selected{background:var(--light);color:var(--green)}form>label,form>button{margin-top:17px}form>button{width:100%}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.photoBox{text-align:center;background:var(--light);padding:20px;border-radius:12px}.photoBox img,.photoBox video{width:150px;height:150px;object-fit:cover;border-radius:50%;margin:auto}#photoHint{font-size:40px}#photoHint p{font-size:13px;margin:0}.photoButtons{display:flex;justify-content:center;gap:10px;margin:15px 0}.file{border:1px solid var(--line);border-radius:9px;background:white;padding:13px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks label,.consent{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-weight:400}.checks input,.consent input{width:auto;margin-top:4px}fieldset{border:1px solid var(--line);border-radius:10px;margin-top:20px;padding:18px}legend{font-size:13px}#authStatus,#reviewStatus,#cameraStatus{font-size:13px;color:#a33b30}#profile img{width:100px;height:100px;border-radius:50%;object-fit:cover}.review{padding:15px 0;border-bottom:1px solid var(--line)}.review p{white-space:pre-wrap;font-size:14px}.profile-about{white-space:pre-wrap}@media(max-width:1250px){main,footer{margin-left:25px;margin-right:25px}}@media(max-width:800px){h1{font-size:48px}.cards{grid-template-columns:1fr 1fr}.search{grid-template-columns:1fr 1fr}.join{display:block}.join button{margin-top:20px}footer{display:block}footer span{display:block;margin-bottom:10px}}@media(max-width:540px){header{padding:18px}.brand{font-size:18px}.logo{width:33px;height:36px;font-size:26px}.brand small{font-size:8px}header button{font-size:11px;padding:12px}main{margin:0 18px}.intro{padding:42px 0 30px}h1{font-size:41px;letter-spacing:-1.5px}.intro p{font-size:15px}.desktop{display:none}.cards{grid-template-columns:1fr}.portrait{height:300px}.search{padding:15px;gap:12px}.search label:nth-child(3){grid-column:1/-1}.search button{grid-column:1/-1}.heading{align-items:start;gap:10px}.heading h2{font-size:25px}.heading #count{white-space:nowrap}.fields{grid-template-columns:1fr}.checks{grid-template-columns:1fr}dialog{padding:23px}.join{padding:24px}.pills{gap:7px}.pills span{font-size:11px;padding:8px}}
.installBanner{display:flex;align-items:center;gap:12px;padding:16px 20px;margin-top:20px;border-radius:12px;background:#edf5ef}.installBanner div{flex:1}.installBanner small{display:block;margin-top:5px}.installBanner>button:last-child{padding:8px 12px;background:transparent;border:0}#installGuide ol{padding-left:24px;line-height:1.9;font-size:14px}#installFooter{font-size:11px;white-space:nowrap}@media(max-width:540px){.installBanner{flex-wrap:wrap;padding:14px}.installBanner strong{font-size:13px}.installBanner .primary{font-size:12px;padding:10px}}
:root{--ink:#194467;--green:#259864;--light:#edf7f3;--line:#dbe7e9}body{background:#f8fbfc}.brand{color:#185788;letter-spacing:-.8px}.brandMark{width:66px;height:63px;object-fit:contain;margin-right:9px}.brand .green{color:#42a84e}.brand .domain{color:#185788}.brand small{font-size:10px;letter-spacing:2.5px;color:#356c86;margin-top:7px}.headerActions{display:flex;align-items:center;gap:10px}.downloadButton{color:#185788;border-color:#b8d6e4;background:#eef7fb}.search{margin-top:26px;border-top:3px solid #259864}.heading{margin:26px 0 20px}.heading h2{margin-top:8px}.primary{background:linear-gradient(115deg,#185788,#248c82)}.join{background:linear-gradient(120deg,#e7f2f8,#eaf6e9)}.cards{margin-bottom:20px}@media(max-width:700px){header{flex-wrap:wrap;gap:12px}.brand{font-size:22px}.headerActions{width:100%;justify-content:space-between}.headerActions button{flex:1}.brandMark{width:56px;height:53px}.search{margin-top:16px}}@media(max-width:540px){.headerActions button{font-size:13px;padding:12px}.brand{font-size:23px}.brand small{font-size:9px}.heading .eyebrow{font-size:9px}.heading{margin:22px 0 16px}}
/* Rafine marka kilidi: sade bakım amblemi ve dengeli kelime işareti. */
.brand{font-weight:700;letter-spacing:-.7px;font-size:25px}.brandMark{width:62px;height:62px;margin-right:11px}.brand small{font-size:9px;letter-spacing:3px;font-weight:500;margin-top:8px}.brand .green{color:#3d9b60}.brand .domain{font-size:.75em;font-weight:500;color:#42728a}@media(max-width:540px){.brand{font-size:23px}.brandMark{width:51px;height:51px;margin-right:8px}.brand small{font-size:8px;letter-spacing:2.7px}}
/* 3D PNG logoyla uyumlu parlak mavi–turkuaz–yeşil yüzeyler. */
:root{--ink:#153e63;--green:#008879;--light:#edf9f8;--line:#d3e7ee;--brand-blue:#0755ad;--brand-cyan:#00b9d0;--brand-lime:#86d633}
header{position:relative;isolation:isolate;max-width:none;padding:17px max(26px,calc((100vw - 1168px)/2));background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0) 43%,rgba(0,26,91,.2)),linear-gradient(108deg,#073e99 0%,#087bb9 33%,#00aab2 65%,#59b83d 100%);border-bottom:1px solid #ffffff80;box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -2px 0 #045d7e55,0 5px 20px #075a8b26}
header::before{content:"";position:absolute;z-index:-1;inset:0 0 48%;pointer-events:none;background:linear-gradient(165deg,#ffffff24,transparent 72%);border-bottom:1px solid #ffffff0d}
.brand,.brand .green,.brand .domain{color:white;text-shadow:0 2px 3px #00427960}.brand .green{color:#d6ffb7}.brand small{color:#e1fff8;text-shadow:none}.brandMark{width:73px;height:73px;margin-top:-5px;margin-bottom:-5px;filter:drop-shadow(0 3px 4px #00386338)}
button.primary,.downloadButton,#installFooter,.join>button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#ffffff3b 0%,#ffffff0a 45%,#003b7526 100%),linear-gradient(112deg,#0753b0 0%,#008ec5 42%,#00a99b 70%,#58b735 100%);color:#fff;border:1px solid #ffffff70;border-radius:11px;text-shadow:0 1px 2px #003b6b80;box-shadow:inset 0 1px 1px #ffffff9c,inset 0 -2px 2px #004a7750,0 4px 10px #075da327;transition:box-shadow .18s,filter .18s,transform .18s}
button.primary::before,.downloadButton::before,#installFooter::before,.join>button::before{content:"";position:absolute;inset:1px 3px 50%;z-index:-1;border-radius:8px 8px 45% 45%;background:linear-gradient(180deg,#ffffff44,#ffffff03);pointer-events:none}
button.primary:hover,.downloadButton:hover,#installFooter:hover,.join>button:hover{filter:brightness(1.08);box-shadow:inset 0 1px 1px #ffffffb8,inset 0 -2px 2px #004a7750,0 6px 16px #075da33b;transform:translateY(-1px)}
button.primary:active,.downloadButton:active,#installFooter:active,.join>button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #004b794d}
header .primary{background:linear-gradient(180deg,#ffffff33,#ffffff00 50%,#02366e22),linear-gradient(115deg,#064b9d,#007fba 60%,#009c9e)}header #logout{background:#ffffffed;color:#075a90;border-color:#ffffffb3}
.card> .cardBody>button{background:linear-gradient(180deg,#ffffff65,#ffffff05 55%,#0c87aa12),linear-gradient(110deg,#edf5ff,#e6fcfc 65%,#effbe4);color:#095c89;border:1px solid #b4dbe7;box-shadow:inset 0 1px 0 white,0 2px 5px #08659412}
.search{border-top:3px solid #06a8b3;background:linear-gradient(125deg,#fff,#f5fcff 65%,#f4fced);box-shadow:0 7px 25px #096fa314,inset 0 1px 0 white}.tags span{background:linear-gradient(110deg,#eaf3ff,#e5f8f4);color:#176a84}.join{background:linear-gradient(120deg,#e6f1ff,#e0f8f8 65%,#edf9e0);border:1px solid #cee6e9}
button:focus-visible,a:focus-visible{outline:3px solid #ffc856;outline-offset:4px}@media(prefers-reduced-motion:reduce){button.primary,.downloadButton,#installFooter,.join>button{transition:none;transform:none!important}}@media(max-width:700px){header{padding:17px 22px}.brandMark{width:65px;height:65px}}@media(max-width:540px){header{padding:15px 18px}.brandMark{width:58px;height:58px}.brand small{color:#e1fff8}}