*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fb;color:#17243a;min-height:100vh}header{height:72px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 5%;box-shadow:0 2px 10px #00000010}.brand{font-size:25px;font-weight:800}nav{display:flex;gap:8px}nav button{border:0;background:transparent;padding:12px 15px;font-weight:700;cursor:pointer}.page{min-height:calc(100vh - 150px);padding:35px 5%}.hidden{display:none!important}.hero{max-width:950px;margin:50px auto;text-align:center}.badge{display:inline-block;padding:10px 15px;background:#e8f0ff;border-radius:30px;color:#315aab;font-weight:bold}.hero h1{font-size:55px;margin:25px 0 15px}.hero h1 span{color:#3d5fc5}.hero p{font-size:19px;line-height:1.7;color:#5d6879;max-width:700px;margin:auto}.primary{border:0;background:#405ec1;color:#fff;padding:13px 20px;border-radius:10px;font-weight:bold;cursor:pointer}.big{margin-top:20px;font-size:16px}.features{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.auth-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 35px #20305010}.features .card p{color:#667085}.auth-card{max-width:430px;margin:50px auto}.auth-card h2{text-align:center}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf0f5;border-radius:10px;padding:4px;margin-bottom:18px}.tabs button{border:0;background:transparent;padding:12px;border-radius:8px;font-weight:bold;cursor:pointer}.tabs .active{background:#fff;box-shadow:0 2px 8px #0001}form input,form textarea{width:100%;padding:14px;border:1px solid #d6dce7;border-radius:10px;margin-top:7px;font-size:15px}label{display:block;font-weight:bold;margin-bottom:15px}.auth-card input{margin-bottom:12px}.auth-card .primary{width:100%}.dashboard-wrap{max-width:1050px;margin:auto}.link-box{background:#e9f7ed;border:1px solid #b9dfc2;padding:20px;border-radius:15px;margin-bottom:20px}.link-row{display:flex;gap:10px;margin-top:12px}.link-row input{flex:1;padding:12px;border:1px solid #ccd5e2;border-radius:8px}.link-row button{border:0;padding:12px 15px;border-radius:8px;cursor:pointer}.form-card{margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview{width:110px;height:110px;object-fit:cover;border-radius:12px;margin-top:10px}.batch-input{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.batch-input input{padding:13px;border:1px solid #d6dce7;border-radius:10px}.batch-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e2e6ee;border-radius:10px;margin-top:10px}.batch-item span{color:#667085}.danger{background:#ffe8e8;color:#b42318;border:0;padding:9px 12px;border-radius:8px;cursor:pointer}.main-footer{background:#15263e;color:#fff;text-align:center;padding:25px;display:grid;gap:8px}.main-footer strong{letter-spacing:2px;color:#a9d5ff}@media(max-width:750px){header{height:auto;padding:15px;flex-direction:column;gap:10px}.hero h1{font-size:36px}.features,.grid,.batch-input{grid-template-columns:1fr}.link-row{flex-direction:column}.page{padding:20px}.brand{font-size:21px}}