:root{--green:#176b57;--deep:#103f36;--bg:#f3f7f4;--card:#fff;--soft:#eaf3ef;--line:#cfe0d9;--muted:#688078;--orange:#f28a54}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--deep);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh}
button,a{font:inherit}.app-top{background:linear-gradient(145deg,#178064,#176b57);color:#fff;padding:max(28px,env(safe-area-inset-top)) 24px 30px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.brand{font-weight:900;letter-spacing:.18em;font-size:15px}.app-top h1{font-size:clamp(30px,8vw,48px);line-height:1.02;margin:14px 0 10px}.app-top p{margin:0;max-width:620px;font-size:17px;line-height:1.45;opacity:.9}
.lang-button{border:1px solid rgba(255,255,255,.75);background:#fff;color:var(--green);font-weight:850;border-radius:18px;padding:12px 16px;min-width:76px;min-height:48px}
.app-main{max-width:920px;margin:0 auto;padding:20px 18px calc(90px + env(safe-area-inset-bottom))}
.welcome-card,.install-card,.bridge-card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:22px;margin-bottom:18px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--green)}.welcome-card h2,.install-card h2{font-size:26px;margin:7px 0 8px}.welcome-card p,.install-card p,.bridge-card p{margin:0;color:var(--muted);line-height:1.5}
.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.gateway-card{position:relative;min-height:180px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;text-decoration:none;color:var(--deep);display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px rgba(16,63,54,.04)}
.gateway-card.coach{background:linear-gradient(145deg,#f3faf7,#eaf4ef)}.gateway-icon{width:44px;height:44px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--green);font-size:23px;font-weight:900;margin-bottom:20px}.gateway-card strong{font-size:24px}.gateway-card small{font-size:15px;color:var(--muted);line-height:1.45;margin-top:6px;max-width:260px}.gateway-card .arrow{position:absolute;right:18px;bottom:15px;font-size:28px;color:var(--green)}
.gateway-card.last-used{outline:3px solid rgba(23,107,87,.12)}.gateway-card.last-used:after{content:"Last";position:absolute;right:14px;top:14px;background:#dff0e9;color:var(--green);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}
.install-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.install-card button{border:0;background:var(--orange);color:var(--deep);font-weight:900;border-radius:999px;padding:14px 20px;min-height:48px}.install-hint{grid-column:1/-1;background:var(--soft);border-radius:16px;padding:12px 14px;color:var(--deep);line-height:1.45;font-size:14px}.install-hint:empty{display:none}
.bridge-card strong{display:block;font-size:18px;margin-bottom:6px}.app-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));color:var(--muted);font-size:12px;max-width:920px;margin:auto}
@media(max-width:620px){.gateway-grid{grid-template-columns:1fr 1fr}.gateway-card{min-height:165px;padding:17px}.gateway-card strong{font-size:21px}.gateway-card small{font-size:14px}.install-card{grid-template-columns:1fr}.install-card button{width:100%}}
@media(max-width:390px){.app-top{padding-left:18px;padding-right:18px}.app-main{padding-left:14px;padding-right:14px}.gateway-grid{gap:10px}.gateway-card{min-height:160px;padding:15px}.gateway-card strong{font-size:19px}}
@media(display-mode:standalone){.app-top{padding-top:max(20px,env(safe-area-inset-top))}}