:root{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:#18354d;background:#f3f7fa;font-synthesis:none;--blue:#1359c7;--muted:#526b7d;--line:#d5e1ea}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;width:min(1240px,100%);padding:32px 48px}header{border-bottom:1px solid var(--line)}.brand{color:#18354d;text-decoration:none;font-size:22px;font-weight:650;letter-spacing:-.8px;display:flex;gap:14px;align-items:center}.header-note,footer{color:var(--muted);font-size:13px}.cloud-mark{display:inline-block;position:relative;width:36px;height:29px}.cloud-mark span{display:block;position:absolute;background:var(--blue);border-radius:50%}.cloud-mark span:nth-child(1){width:24px;height:24px;top:0;left:7px}.cloud-mark span:nth-child(2){width:21px;height:21px;top:8px;left:0}.cloud-mark span:nth-child(3){width:25px;height:20px;top:9px;right:0;border-radius:10px}main{width:min(1240px,100%);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding:80px 48px;flex:1}h1{font-size:clamp(40px,4.8vw,64px);line-height:1.08;letter-spacing:-2.9px;font-weight:600;margin:25px 0}h2{font-size:27px;letter-spacing:-.9px;line-height:1.2;margin:22px 0 12px;font-weight:600}p{font-size:17px;line-height:1.65;color:var(--muted);max-width:420px;margin:12px 0 26px}.section-note{font-size:14px;color:var(--blue);font-weight:600}.connection{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:50px}.connection strong{color:var(--blue);padding:13px 15px;border:1px solid #a5c2e6;border-radius:9px;background:#eaf2fc;font-weight:600}.connection i{width:24px;height:1px;background:#a5c2e6}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:42px;box-shadow:0 12px 40px #123a6510;width:100%}.panel-symbol{background:#eef4fc;display:grid;place-items:center;width:64px;height:64px;border-radius:18px}.button{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;padding:15px 20px;border-radius:9px;font:600 15px/1.3 inherit;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;min-height:52px}.button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#0b48a5}.secondary,.google{background:#fff;color:#18354d;border-color:#b8c9d6}.secondary:hover,.google:hover{background:#f0f5fa}button:focus-visible,a:focus-visible{outline:3px solid #5ca0ff;outline-offset:4px}.privacy-note{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);margin-top:30px;padding-top:22px;font-size:13px;color:var(--muted);line-height:1.6}.privacy-note>span:first-child{color:var(--blue);font-weight:bold}.identity{display:flex;align-items:center;gap:14px;padding:18px 0;margin:10px 0 24px}.avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#e9f1fc;color:var(--blue);font-size:20px;border-radius:50%}.identity strong,.permissions strong{display:block;font-size:15px;font-weight:600}.identity small,.permissions small{display:block;font-size:13px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.text-button{border:0;background:transparent;color:var(--blue);font:inherit;font-size:13px;padding:20px 0 0;cursor:pointer}.hint{font-size:12px;line-height:1.7;margin:20px 0 0;color:var(--muted)}.consent-wrap{grid-column:1/-1;max-width:600px;width:100%;margin:0 auto}.consent-panel h1{font-size:42px;letter-spacing:-1.6px}.permissions{padding:22px 0;margin:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.permissions li{display:flex;gap:14px;padding:10px 0}.permission-check{color:var(--blue)}.destination{margin:24px 0;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.destination small{font-size:12px;color:var(--muted)}.destination strong{font-size:15px}.destination>span{font-size:12px;color:var(--muted)}.decisions{display:flex;gap:12px}footer{border-top:1px solid var(--line);padding-top:23px;padding-bottom:23px}form{margin:0}@media(max-width:850px){header,footer{padding-left:24px;padding-right:24px}main{padding:44px 24px;gap:36px;grid-template-columns:1fr;max-width:600px}h1{font-size:44px;letter-spacing:-1.8px}.intro p{font-size:16px}.connection{margin-top:28px}.panel{padding:30px}.header-note{display:none}.consent-panel h1{font-size:36px}}@media(max-width:380px){.connection{gap:7px}.connection i{width:14px}.panel{padding:24px}.decisions{flex-direction:column-reverse}}