*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f8ff;color:#17213a}a{color:#1757d8;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:18px 6%;background:#fff;box-shadow:0 2px 12px #0001;gap:20px}header b{font-size:25px}header span{color:#1769ff}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.btn,button{background:#1769ff;color:#fff;border:0;border-radius:10px;padding:11px 18px;cursor:pointer}.big{display:inline-block;padding:15px 22px}main{max-width:1150px;margin:auto;padding:45px 20px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;padding:50px 0}.hero h1{font-size:48px;margin:12px 0}.hero p{font-size:18px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 30px #24447712;margin:12px 0}.auth{max-width:460px;margin:70px auto}input,textarea,select{width:100%;padding:12px;margin:7px 0;border:1px solid #ccd5e6;border-radius:9px}form .btn{width:100%;margin-top:8px}.error{color:#b00020}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e4e9f3;text-align:left}footer{text-align:center;padding:30px}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero h1{font-size:36px}header{align-items:flex-start;flex-direction:column}}

/* BestCRM Responsive Production Patch */
html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}button,.btn,a.btn,input,select,textarea{max-width:100%}table{min-width:680px}.table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table:after{content:'Swipe table →';display:none;font-size:11px;color:#667085;padding:7px 0}
@media(max-width:768px){main{padding:24px 14px}.card{padding:16px;border-radius:14px}.auth{margin:28px auto}.table:after{display:block}th,td{padding:9px;font-size:12px}header{padding:13px 14px}header b{font-size:21px}nav{width:100%;gap:8px}nav .btn,nav button{width:auto}.hero{padding:28px 0}.hero h1{font-size:34px;line-height:1.1}.hero p{font-size:16px}.grid{grid-template-columns:1fr!important}}
@media(max-width:420px){main{padding:18px 10px}.card{padding:13px}.btn,button{padding:10px 12px}input,textarea,select{font-size:16px}.hero h1{font-size:30px}}