@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@700;800;900&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#223638;background:#faf5e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.page{min-height:100vh}header{display:flex;align-items:center;gap:24px;padding:22px max(4vw,24px);background:#fffaf0;border-bottom:1px solid #e6e4d8}.brand{font-family:Nunito,system-ui;font-size:24px;font-weight:900;color:#228278}.brand span{color:#23393a}.header-note{color:#7a8986;margin-right:auto}main{max-width:1130px;margin:auto;padding:34px 24px 50px}.hero{padding:30px 4px 42px}.hero h1{font-family:Nunito,system-ui;font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-.05em;margin:12px 0;color:#243638}.hero em{color:#218679;font-style:normal}.hero p{color:#687b78;font-size:18px}.eyebrow{font-size:12px!important;letter-spacing:.16em;font-weight:800;color:#2a8d7f!important}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:#fffdf8;border:1px solid #e8e5d8;border-radius:24px;padding:28px;box-shadow:0 12px 35px #423c2b0b}.card h2{font-family:Nunito,system-ui;font-size:28px;line-height:1.15;margin:5px 0 10px}.card p{color:#6c7b78}.auth{max-width:560px;margin:auto}.card label{display:block;font-weight:700;font-size:14px;margin-top:18px}.card input,.card select{display:block;width:100%;background:#fff;border:1px solid #d9dfd8;border-radius:12px;padding:13px 15px;margin-top:8px;color:#223638;outline-color:#23897c}.card button:not(.link),.record-row button,.ghost{border:0;background:#227f76;color:#fff;border-radius:12px;padding:13px 18px;font-weight:800}.card>button{margin-top:22px}.card button:not(.link):hover{background:#146a63}.ghost,.card button.ghost{background:#e6eee9;color:#247b72}.link{border:0;background:transparent;color:#1c7972;font-weight:800;padding:10px}.packages{display:flex;gap:9px;margin-top:25px}.package{flex:1;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left}.package strong{font-family:Nunito,system-ui;font-size:23px}.purchases{margin-top:20px;border-top:1px solid #e6e6da}.purchase{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e6da;padding:10px 0;color:#516562}.purchase-check{display:flex;flex-direction:column;align-items:flex-end;max-width:240px;min-width:130px}.purchase-check small{text-align:right;color:#516562;line-height:1.35}.purchase-check .link{text-align:right}.remaining{font-family:Nunito,system-ui;color:#24867b;font-size:44px;font-weight:900}.remaining small{font-size:16px}.record-row{display:flex;gap:10px;flex-wrap:wrap}.record-row button.danger{background:#af4b45}.card form{display:flex;gap:10px;margin-top:16px}.card form input{margin:0}.conversation,.progress{margin-top:22px}.conversation .you,.conversation .tutor{border-radius:14px;padding:12px 16px;margin:9px 0}.conversation .you{background:#e9f1ec}.conversation .tutor{background:#f4e9d4}.progress p{border-top:1px solid #e7e7dd;padding-top:12px}.alert{padding:14px 18px;border:1px solid #edb9a9;color:#9b4537;background:#fff0e9;border-radius:12px;margin-bottom:22px}.status{font-size:13px;color:#768985;padding:20px 5px}footer{text-align:center;color:#82918c;padding:24px}.ghost{font-size:14px}@media (max-width:760px){header{gap:10px;flex-wrap:wrap}.header-note{display:none}header .ghost{margin-left:auto}.two-column{grid-template-columns:1fr}.card{padding:22px}.hero{padding-top:10px}.packages{flex-wrap:wrap}.package{min-width:28%}.card form{flex-wrap:wrap}.card form button{width:100%}}.card label.check{display:flex;align-items:center;gap:10px;font-weight:600}.card label.check input{display:inline-block;width:auto;margin:0;accent-color:#227f76}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{display:block;width:34px;height:34px;flex:none}.brand span{line-height:1}.hero h1{max-width:1080px}.hero p:last-child{max-width:800px;line-height:1.5}@media (max-width:760px){header{padding:18px 20px}.brand{gap:7px;font-size:22px}.brand-mark{width:30px;height:30px}.hero{padding:14px 4px 32px}.hero h1{font-size:clamp(34px,9vw,52px);line-height:1.08;letter-spacing:-.045em}.hero p:last-child{font-size:16px}}@media (max-width:380px){header{gap:6px}.brand{font-size:20px}.brand-mark{width:28px;height:28px}header .ghost{padding:10px 12px}}@media (max-width: 760px){main{padding:20px 16px 40px}.card{padding:20px}.packages{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}.card .packages .package{width:100%;min-width:0;min-height:88px;padding:16px 18px;gap:5px}.package strong{font-size:clamp(19px,5vw,23px);line-height:1.2;overflow-wrap:anywhere}.package span{line-height:1.35}.purchase{align-items:stretch;flex-direction:column;gap:4px}.purchase-check{align-items:flex-start;max-width:none;min-width:0}.purchase-check .link{padding-left:0;text-align:left;text-decoration:underline}.purchase-check small{text-align:left}}