*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#171717;background:#fff}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:5}.logo{font-size:24px;color:#111}nav{display:flex;gap:20px;align-items:center}nav a{text-decoration:none;color:#222;font-size:14px}button{border:1px solid #d9d9d9;background:#fff;border-radius:8px;padding:10px 17px;cursor:pointer}.primary{background:#1468e8;color:white;border-color:#1468e8}.hero{min-height:510px;padding:65px 8%;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;background:linear-gradient(110deg,#f8fbff,#fff)}.hero small{letter-spacing:2px;font-weight:700;color:#1468e8}.hero h1{font-size:54px;line-height:1.02;margin:15px 0}.hero h1 span{color:#1468e8}.hero p{font-size:18px;line-height:1.6;max-width:560px;color:#555}.checks{margin:22px 0;color:#444}.big{padding:13px 23px;margin-right:8px}.outline{background:white}.pack{height:300px;max-width:420px;border-radius:18px;background:linear-gradient(135deg,#fff,#eaf1ff);border:1px solid #dbe5f4;box-shadow:0 20px 50px #0001;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:100px;transform:rotate(-2deg)}.pack strong{font-size:34px;margin-top:-12px}.pack small{font-size:11px;letter-spacing:2px}.cookies{font-size:38px;margin-top:20px}section{padding:65px 7%}h2{text-align:center;font-size:32px;margin:0 0 8px}.sub{text-align:center;color:#666;margin-bottom:35px}.cards,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:auto}.card,.steps>div,.dashboard{background:#fff;border:1px solid #e6e8ed;border-radius:14px;padding:24px;box-shadow:0 8px 30px #00000008}.card h3{margin-top:0}.price{font-size:28px;font-weight:800}.card button{width:100%;margin-top:18px}.light{background:#f8fafc}.steps{grid-template-columns:repeat(4,1fr)}.steps b{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eaf2ff;color:#1468e8}.auth{max-width:520px;margin:auto}.auth input{display:block;width:100%;padding:13px;margin:10px 0;border:1px solid #d8dce3;border-radius:8px}.auth button{margin-top:5px}#userBox{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}footer{text-align:center;padding:30px;border-top:1px solid #eee;color:#666}@media(max-width:800px){header{height:auto;padding:15px;display:block}nav{margin-top:12px;gap:10px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:45px 6%}.hero h1{font-size:40px}.cards,.steps,#userBox{grid-template-columns:1fr}section{padding:45px 6%}.pack{height:240px}.hero p{font-size:16px}}