/* İMARX PERSONEL PRO STYLE */
:root{--p:#2563eb;--d:#f1f5f9;--c:#ffffff;--t:#1e293b;--g:#10b981;--r:#ef4444;--gold:#f59e0b;--border:#e2e8f0;}
body{margin:0;background:var(--d);color:var(--t);font-family:'Inter',sans-serif;padding-bottom:80px;overflow-x:hidden;}

/* VİTRİN (LANDING PAGE) */
#landing-page { background: #fff; min-height: 100vh; position: relative; z-index: 200; }
.lp-head{display:flex;justify-content:space-between;align-items:center;padding:20px;max-width:1200px;margin:0 auto;}
.logo{font-size:1.5rem;font-weight:900;color:#0f172a;letter-spacing:-1px;}
.logo span{color:#2563eb;}
.hero{text-align:center;padding:80px 20px;background:linear-gradient(180deg, #f8fafc 0%, #fff 100%);}
.hero h1{font-size:3rem;line-height:1.1;margin-bottom:20px;color:#0f172a;letter-spacing:-1px;}
.hero p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto 40px auto;}
.btn-hero{background:#2563eb;color:white;padding:15px 40px;border-radius:50px;font-size:1.1rem;font-weight:bold;border:none;cursor:pointer;box-shadow:0 10px 25px rgba(37,99,235,0.3);transition:0.3s; text-decoration:none;}
.btn-hero:hover{transform:scale(1.05);}
.btn-outline{background:transparent;border:2px solid #cbd5e1;color:#64748b;padding:10px 25px;border-radius:50px;font-weight:bold;cursor:pointer;margin-left:10px; transition:0.3s;}
.btn-outline:hover{border-color:#2563eb; color:#2563eb;}
.features{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px;padding:50px 20px;max-width:1200px;margin:0 auto;}
.feat-card{background:#fff;padding:30px;border-radius:20px;border:1px solid #e2e8f0;text-align:left;transition:0.3s;}
.feat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.05);}
.icon-box{width:50px;height:50px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#2563eb;margin-bottom:20px;}

/* LOGIN MODAL */
.login-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.9);z-index:999;display:none;justify-content:center;align-items:center;padding:20px;backdrop-filter:blur(5px);}
.login-overlay.active{display:flex;}
.l-card{background:#fff;padding:30px;border-radius:20px;width:100%;max-width:380px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,0.2);position:relative;}
.close-modal{position:absolute;top:15px;right:15px;font-size:1.5rem;cursor:pointer;color:#94a3b8;}

/* APP ARAYÜZÜ */
.head{position:sticky;top:0;background:rgba(255,255,255,0.95);padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;z-index:50;}
.page{display:none;padding:15px;animation:fade 0.3s;} .page.active{display:block;} @keyframes fade{from{opacity:0;}to{opacity:1;}}
.card{background:var(--c);border-radius:16px;padding:20px;margin-bottom:15px;border:1px solid var(--border);box-shadow:0 2px 5px rgba(0,0,0,0.02);}
.item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--c);border-radius:12px;margin-bottom:10px;border:1px solid var(--border); transition:0.2s;}
.item:active{background:#f1f5f9; transform:scale(0.98);}
.nav{position:fixed;bottom:0;width:100%;height:75px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #e2e8f0;z-index:100;}
.n-btn{background:none;border:none;color:#94a3b8;font-size:0.75rem;display:flex;flex-direction:column;align-items:center;gap:6px;} .n-btn.active{color:var(--p);}
.fab{width:56px;height:56px;background:var(--p);border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-top:-35px;border:5px solid var(--d);box-shadow:0 10px 25px rgba(37,99,235,0.4);}
.modal{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:200;display:none;align-items:flex-end;} .modal.open{display:flex;}
.m-con{background:#fff;width:100%;max-width:600px;margin:0 auto;border-radius:25px 25px 0 0;padding:25px;max-height:90vh;overflow-y:auto;}
input,select,textarea{width:100%;padding:14px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;margin-bottom:12px;box-sizing:border-box;font-family:'Inter'; outline:none;}
.btn{width:100%;padding:15px;background:var(--p);color:white;border:none;border-radius:12px;font-weight:bold;margin-top:10px;cursor:pointer;}
.salary-row{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e2e8f0;font-size:0.95rem;}
#live-map-canvas, #map-canvas { height: 100%; width: 100%; border-radius:15px; border:1px solid #e2e8f0; }
.tabs{display:flex;gap:5px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:5px;}
.tab{flex:1;padding:10px;background:none;border:none;color:#94a3b8;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;} .tab.active{color:var(--p);border-bottom:3px solid var(--p);}
.tab-content{display:none;} .tab-content.active{display:block;}
.demo-banner{background:#f59e0b;color:black;text-align:center;padding:5px;font-size:0.8rem;font-weight:bold;position:sticky;top:0;z-index:1000;display:none;}