@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');:root{--g:#123b35;--m:#4d7f73;--l:#caf36b;--p:#f5f8f5;--line:#dce7e2;--red:#a43a3a}*{box-sizing:border-box}body{margin:0;background:var(--p);color:var(--g);font:15px/1.6 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:Manrope,sans-serif}a{color:inherit}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}header{height:74px;background:white;border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-weight:800;text-decoration:none}.brand b{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--g);color:var(--l);font-size:11px}.brand span{color:var(--m)}.user{display:flex;align-items:center;gap:18px;font-size:13px}.user form{margin:0}.user button{background:none;border:0;text-decoration:underline;cursor:pointer;color:var(--g)}main{min-height:calc(100vh - 145px);padding-top:55px;padding-bottom:80px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:32px;box-shadow:0 17px 50px #123b350b}.auth{display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:center;min-height:620px}.auth-copy>span,.page-head span,.checkout-head>span{font-weight:800;font-size:11px;letter-spacing:1.3px;color:var(--m)}.auth-copy h1{font-size:48px;line-height:1.1;letter-spacing:-2px;margin:15px 0}.auth-copy p,.checkout-head p,.page-head p{color:#667873;font-size:17px}.panel h2{margin-top:0}label{display:block;font-weight:700;margin:14px 0;font-size:13px}input,select{width:100%;border:1px solid #bdccc7;border-radius:8px;padding:12px;margin-top:5px;background:white;font:inherit;color:var(--g)}input:focus,select:focus{outline:3px solid #caf36b66;border-color:var(--m)}.check{display:flex;gap:8px;align-items:flex-start;font-weight:500}.check input{width:auto;margin-top:5px}.primary{width:100%;border:0;border-radius:8px;background:var(--g);color:white;padding:13px 18px;font-weight:800;cursor:pointer;font:700 14px 'DM Sans'}.panel>p:last-child{text-align:center;font-size:13px}.panel a{font-weight:700}.alert{background:#fff0f0;border:1px solid #e5b4b4;color:var(--red);padding:14px 20px;border-radius:10px;margin-bottom:25px}.alert ul{margin:5px 0}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.page-head h1,.checkout-head h1{font-size:38px;margin:5px 0}.link{display:inline-flex;width:auto;text-decoration:none}.empty{text-align:center;padding:70px}.empty i{font-style:normal;font-size:45px}.order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.order>div:first-child{display:flex;justify-content:space-between}.badge{display:inline-flex;background:#e4f3ed;color:#296553;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800}.order h2{font-size:20px;margin:22px 0 4px}.order p{color:#667873}.next{background:#f1f7f4;border-radius:10px;padding:14px;margin:22px 0}.next small,.next b{display:block}.next small{font-size:9px;letter-spacing:1px;color:var(--m)}.checkout-head{max-width:720px;margin-bottom:30px}.checkout{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.summary{background:#eff6f2;border-radius:11px;padding:18px;margin:22px 0}.summary div{display:flex;justify-content:space-between;font-size:17px}.summary p{font-size:12px;margin-bottom:0;color:#667873}.consent{background:#fafcfb;border:1px solid var(--line);padding:12px;border-radius:8px}.payment-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.payment-grid p{color:#667873}.total b{font:800 31px Manrope;display:block;margin:10px 0}.total>span{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--m)}footer{background:#0d2c27;color:#bdcec9;padding:24px 0;font-size:12px}@media(max-width:760px){.auth{grid-template-columns:1fr;gap:25px}.auth-copy h1{font-size:36px}.user>span{display:none}.page-head{display:block}.page-head .link{margin-top:10px}.order-grid,.form-grid,.payment-grid{grid-template-columns:1fr}.form-grid>span{display:none}.panel{padding:22px}.empty{padding:45px 22px}.page-head h1,.checkout-head h1{font-size:31px}}
