*{margin:0;padding:0;box-sizing:border-box;}
body{background:#f5f7fa;font-family:'Inter',sans-serif;padding:40px 20px;}
.container{position:relative;max-width:900px;margin:0 auto;}
.hero{margin-bottom:30px;text-align:center;padding-top:70px;}
.hero h1{font-size:52px;font-weight:800;line-height:1.1;background:linear-gradient(135deg,#1e293b 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p{color:#475569;margin-top:8px;}
.logo-teklif{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1e293b;font-weight:700;font-size:1.2rem;position:absolute;z-index:10;}.logo-teklif img{width:40px;height:40px;display:block;}@media (max-width:768px){.logo-teklif{position:relative;justify-content:center;margin-bottom:20px;}.hero{padding-top:0;}}
.card{background:#ffffff;border-radius:20px;padding:24px;margin-bottom:24px;background:radial-gradient(circle at top right,rgba(59,130,246,.10),transparent 30%),linear-gradient(145deg,#ffffff,#f8fbff);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(14px);}
.card-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#0f172a;display:flex;align-items:center;gap:8px;}
.grid{display:grid;gap:20px;}
.checks{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.check-item{background:#f8fafc;border:1px solid #e2e8f0;padding:8px 16px;border-radius:40px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer;}
.check-item input{width:18px;height:18px;margin:0;}
label{color: #334155;margin-bottom:6px}
@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr);}}
label{display:block;font-size:13px;font-weight:500;color:#334155;margin-bottom:6px;}
input,select,textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;font-size:14px;font-family:inherit;}
input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,0.2);}
.btn-submit{width:100%;background:#E04500;color:#fff;border:none;border-radius:40px;height:52px;font-size:16px;font-weight:600;cursor:pointer;margin-top:12px;}
.btn-submit:hover{background:#c23d00;}
.btn-reset{width:100%;background:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b;border-radius:40px;height:52px;font-size:16px;font-weight:600;cursor:pointer;margin-top:12px;}
.btn-reset:hover{background:#e2e8f0;}
.btn-group{display:flex;gap:15px;margin:12px 0 30px;}
.btn-group .btn-submit,.btn-group .btn-reset{margin-top:0;}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;padding:10px 20px;border-radius:40px;font-size:13px;z-index:1000;animation:fadeOut 3s ease;}
@keyframes fadeOut{0%{opacity:1;}70%{opacity:1;}100%{opacity:0;}}
@media (max-width:768px){body{padding:20px;}.hero h1{font-size:24px;}.card{padding:20px;}}