:root{--orange:#f36d42;--ink:#20283b;--muted:#737b8c;--line:#e7e9ee;--bg:#f5f6f9;--navy:#17243d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:16px system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}header{background:#fff;border-bottom:1px solid var(--line);padding:14px max(18px,calc((100% - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2}a{color:#d64f2c;text-decoration:none}.brand{font-weight:850;font-size:22px;color:var(--ink);white-space:nowrap}header nav{font-size:14px;font-weight:650}header nav a{color:#34415a}main{max-width:1120px;margin:28px auto;padding:0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:16px;box-shadow:0 8px 24px #1d2b4410}.narrow{max-width:580px;margin:25px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}label{display:block;font-size:14px;font-weight:650;margin:12px 0 5px}input,select,textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid #d9dce4;border-radius:9px;background:#fff;color:var(--ink)}textarea{min-height:90px}button,.btn{display:inline-block;background:var(--orange);color:#fff;border:0;border-radius:9px;padding:11px 16px;font-weight:700;font:inherit;cursor:pointer}.btn.secondary,button.secondary{background:#596174}.btn.danger,button.danger{background:#b93232}.muted{color:var(--muted);font-size:14px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.alert{padding:12px;border-radius:10px;background:#fff3ed;margin-bottom:14px}.petphoto{width:100%;height:230px;object-fit:cover;border-radius:14px;background:#f0f1f4}.badge{display:inline-block;border-radius:20px;padding:4px 10px;background:#eaf8ec;color:#24723b;font-size:13px}.lost{background:#fff0ed;color:#a32f20}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.landing-main{max-width:none;margin:0;padding:0}.landing{overflow:hidden}.landing-hero{background:linear-gradient(120deg,#17243d,#25395c);color:#fff;padding:76px max(22px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:530px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#f8a27f;font-weight:800}.landing h1{font-size:clamp(40px,5vw,65px);line-height:1.05;letter-spacing:-.04em;margin:18px 0}.landing-hero p{color:#d0d8e6;font-size:18px;line-height:1.7;max-width:570px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.landing-actions .btn{padding:14px 19px}.btn.light{background:#fff;color:var(--navy)}.pet-card-art{max-width:440px;margin:auto;background:#fff;color:var(--ink);border-radius:28px;padding:20px;box-shadow:0 30px 80px #080f1f66;transform:rotate(2deg)}.pet-art-top{height:200px;border-radius:20px;background:linear-gradient(140deg,#f7c7a7,#ffe8cb 55%,#f6efe6);display:grid;place-items:center;font-size:92px}.pet-card-art h2{margin:17px 0 3px;font-size:26px}.pet-card-art p{margin:0;color:var(--muted);font-size:14px}.nfc-pill{display:inline-flex;align-items:center;gap:8px;border-radius:30px;background:#fff2eb;color:#a94a2e;padding:8px 12px;font-size:13px;font-weight:750;margin-top:17px}.landing-section{max-width:1120px;margin:auto;padding:70px 20px}.landing-section h2{text-align:center;font-size:34px;margin:0 0 12px}.section-lead{text-align:center;color:var(--muted);max-width:680px;margin:0 auto 32px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 24px #1d2b4408}.feature-icon{font-size:28px}.feature h3{margin:14px 0 7px}.feature p{margin:0;color:var(--muted);line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:22px;border-top:3px solid var(--orange);background:#fff;border-radius:0 0 15px 15px}.step b{font-size:13px;color:var(--orange);letter-spacing:.1em}.landing-cta{background:#fff3ed;border-radius:22px;padding:36px;text-align:center}.landing-cta h2{margin-bottom:8px}.landing-footer{background:#17243d;color:#cbd3e1;padding:25px max(20px,calc((100% - 1120px)/2));display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.auth-layout{max-width:1060px;margin:42px auto;padding:0 18px;display:grid;grid-template-columns:1fr .9fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #1d2b4415}.auth-side{background:linear-gradient(145deg,#17243d,#263a5d);color:#fff;padding:48px 42px;display:flex;flex-direction:column;justify-content:center}.auth-side p{color:#c6d0df;line-height:1.7}.auth-side h2{font-size:36px;line-height:1.15}.auth-form{padding:38px 42px}.auth-form .card{border:0;box-shadow:none;padding:0;margin:0}.auth-form h1{margin-top:0}@media(max-width:760px){header{padding:12px 16px}.feature-grid,.steps{grid-template-columns:1fr}.landing-hero{grid-template-columns:1fr;gap:35px;padding-top:52px;padding-bottom:52px}.landing-section{padding:48px 18px}.auth-layout{grid-template-columns:1fr;margin:20px 14px}.auth-side{padding:28px}.auth-side h2{font-size:28px}.auth-form{padding:26px}.card{padding:17px}}@media(max-width:480px){header{align-items:flex-start}.landing h1{font-size:41px}.pet-card-art{max-width:330px}.pet-art-top{height:155px}}

/* PatiSelf v0.6 responsive improvements */
body{font-size:15px;line-height:1.5;overflow-x:hidden}h1{font-size:clamp(24px,3vw,34px);line-height:1.18}h2{font-size:clamp(19px,2vw,23px);line-height:1.3} .card{min-width:0}
.table{font-size:13px;line-height:1.45}.table th{color:#47546c;font-weight:750;white-space:nowrap}.table td,.table th{padding:12px 10px;vertical-align:middle}.table td{overflow-wrap:anywhere}.table td code{font-size:12px;line-height:1.5;color:#20304a;overflow-wrap:anywhere;white-space:normal}.table .copy-wrap{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}.table .copy-wrap code{min-width:0;flex:1 1 125px}.table .copy-wrap button{flex:0 0 auto}.table .copy-wrap button,.table .row button{font-size:12px;padding:7px 10px}.table .row select{font-size:13px;padding:8px;min-width:100px}.admin-table td:nth-child(3){min-width:225px}.admin-table td:nth-child(3) a{display:inline-block;margin-top:5px;font-size:12px}
.admin-table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.admin-table{min-width:700px}.table .card-number{font-weight:800;color:#182942;white-space:nowrap}.activation-form .phone-input{font-variant-numeric:tabular-nums}
@media(max-width:800px){main{margin:15px auto;padding:0 12px}.card{padding:16px;margin-bottom:12px}.admin-table{min-width:0}.admin-table thead{display:none}.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table tr{border:1px solid var(--line);border-radius:13px;margin:0 0 11px;padding:8px 12px;background:#fff}.admin-table td{display:grid;grid-template-columns:minmax(100px,34%) minmax(0,1fr);align-items:start;gap:9px;border-bottom:1px solid #f0f1f4;padding:10px 0;min-width:0!important}.admin-table td:last-child{border-bottom:0}.admin-table td:before{content:attr(data-label);font-weight:750;color:#59657b;font-size:12px;padding-top:4px}.admin-table .copy-wrap{max-width:100%}.admin-table td:nth-child(3) a{grid-column:auto}.admin-table td form.row{gap:7px}.admin-table td form.row select{max-width:180px}.admin-table td .copy-wrap code{word-break:break-word} .auth-form{padding:20px}}
@media(max-width:480px){body{font-size:14px}h1{font-size:25px}header{gap:6px;align-items:center}header .brand{font-size:19px}header nav{font-size:12px}.card{padding:14px;border-radius:14px}.admin-table td{grid-template-columns:minmax(88px,32%) minmax(0,1fr);gap:7px}.admin-table td .copy-wrap{flex-direction:column;align-items:flex-start}.admin-table td .copy-wrap button{width:auto}button,.btn{padding:10px 13px}.narrow{margin:12px auto}}

/* NFC ilk aktivasyon formunda son alan ile buton arasinda nefes payi */
.activation-submit{display:inline-block;margin-top:18px;max-width:100%;white-space:normal;line-height:1.35}


/* PatiSelf v0.9 aktivasyon formu buton bosluk duzeltmesi */
.activation-form .form-actions{margin-top:22px}
.activation-form .activation-submit{display:inline-block;margin-top:0;max-width:100%;white-space:normal;line-height:1.35}
@media(max-width:480px){.activation-form .form-actions{margin-top:20px}.activation-form .activation-submit{width:100%}}

/* v1.0: explicit separation between final field and activation submit */
.activation-form .form-actions{padding-top:24px;margin-top:0}


/* v1.1 profil fotograf duzeni */
.petphoto-wrap{width:100%;aspect-ratio:1/1;max-width:320px;border:1px solid var(--line);border-radius:20px;background:#f5f6f9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto}
.petphoto{width:100%;height:100%;object-fit:contain;object-position:center;background:#f5f6f9}
.petphoto-placeholder{display:grid;place-items:center;font-size:72px;color:#8c94a5}
.pet-card-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:24px;align-items:center}
.pet-edit-preview-box{max-width:220px;margin:0 auto 10px auto}
.pet-public-photo{max-width:260px;margin:0 auto 18px auto}
@media(max-width:760px){.pet-card-grid{grid-template-columns:1fr;gap:18px}.petphoto-wrap{max-width:260px}.pet-edit-preview-box{max-width:220px}}

/* v1.3 pati sahibi hesap sayfasi */
.account-form h2{margin-top:30px;margin-bottom:4px}.account-form .muted{margin:6px 0 18px}.account-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.account-success{padding:13px 15px;border:1px solid #b9e3c7;border-radius:11px;background:#e7f7eb;color:#166b32;font-weight:750;margin:18px 0}.account-form input:disabled{background:#f4f5f7;color:#6b7280}@media(max-width:480px){.account-actions button,.account-actions .btn{width:100%;text-align:center}}

/* PatiSelf v1.4: TroySignal referansina uygun sifremi unuttum */
.forgot-card{max-width:430px;padding:30px;margin:clamp(32px,9vh,96px) auto}
.forgot-brand{font-size:20px;font-weight:850;color:#192b4a;margin-bottom:16px}
.forgot-brand span{color:#ee774f}
.forgot-card h1{font-size:clamp(25px,3vw,31px);margin:0 0 24px;color:#192b4a}
.forgot-intro{font-size:15px;line-height:1.7;margin-bottom:18px}
.forgot-form label{margin-bottom:6px}
.forgot-form input{min-height:43px}
.forgot-button{width:100%;margin-top:14px;background:#192c50;font-size:14px;font-weight:700}
.forgot-back{margin:17px 0 0}.forgot-back a{color:#6c7689;text-decoration:underline;font-size:14px}
.forgot-success{background:#e7f7ed;color:#176c37;border:1px solid #a8ddba;border-radius:10px;padding:13px 15px;margin:15px 0;line-height:1.5}
@media(max-width:480px){.forgot-card{margin:24px auto;padding:22px 18px}.forgot-button{padding:12px 10px}}

/* v1.5: Login form button separated from password field */
.login-form-actions{padding-top:24px;}
.login-form-actions button{max-width:100%;}

/* v1.7: yonetici girisi ve e-posta satirlari */
.admin-login-actions{padding-top:24px}
.admin-login-actions button{max-width:100%}
.table td.admin-email-cell, .table:not(.admin-table) td:nth-child(2){white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:max-content}
@media(max-width:800px){.admin-table td.admin-email-cell{display:grid;grid-template-columns:minmax(100px,34%) minmax(0,max-content);overflow-x:auto}}

/* v1.9 found form specific */
.found-location-action{padding-top:18px}
.found-success{margin:12px 0 16px;padding:13px 15px;background:#e7f7ed;color:#176c37;border:1px solid #a8ddba;border-radius:10px;font-weight:650}

.reminder-submit{display:flex;align-items:end;padding-top:24px}