@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700&display=swap";:root{color:#1e2a3a;--navy:#1a3a60;--gold:#e1b65d;--muted:#627086;--line:#dce3eb;background:#f7f9fc;font-family:Noto Sans TC,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.65}.masthead{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:28px;min-height:100px;padding:23px 5vw;display:flex}.brand{flex-direction:column;align-items:flex-end;text-decoration:none;display:flex}.brand img{width:145px}.product{border-left:1px solid var(--line);color:var(--navy);padding-left:28px;font-family:Georgia,serif;font-size:24px}.mast-label{letter-spacing:.13em;color:var(--muted);margin-left:auto;font-size:11px}.account{color:var(--muted);align-items:center;gap:24px;margin-left:auto;font-size:13px;display:flex}.account button{border:1px solid var(--line);color:var(--navy);background:#fff;padding:7px 17px;font-size:14px}main{min-height:calc(100vh - 175px)}.login-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:95px;max-width:1100px;margin:auto;padding:65px 40px 80px;display:grid}.eyebrow{letter-spacing:.15em;color:var(--navy);align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--gold);width:30px;height:2px}h1,h2{color:var(--navy);letter-spacing:-.02em;font-family:Noto Serif TC,serif;font-weight:600}h1{margin:25px 0 23px;font-size:48px;line-height:1.5}.welcome>p{color:var(--muted);font-size:17px;line-height:2.1}.welcome-note{border-top:1px solid var(--line);margin-top:52px;padding-top:24px}.welcome-note span{letter-spacing:.12em;color:#977338;font-size:11px}.welcome-note p{color:var(--navy);margin:12px 0 0;font-size:15px;line-height:1.9}.login-card{border:1px solid var(--line);border-top:3px solid var(--gold);background:#fff;padding:40px;box-shadow:0 12px 40px #1a3a6005}.card-label{letter-spacing:.06em;color:#96712f;font-size:12px}.login-card h2{margin:18px 0;font-size:33px;line-height:1.55}.login-card>p{color:var(--muted);margin:0 0 25px;font-size:15px;line-height:1.9}.google-button{color:#233349;background:#fff;border:1px solid #b9c4d2;border-radius:4px;justify-content:center;align-items:center;gap:13px;width:100%;padding:13px 15px;font-size:16px;display:flex}.google-button:hover:enabled{border-color:var(--navy);background:#f7f9fc}.card-rule{background:var(--line);height:1px;margin:29px 0 23px}.reassurance{align-items:baseline;gap:15px;display:flex}.reassurance span{color:#a17d3e;font-family:Georgia,serif;font-size:18px}.reassurance p{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.8}.login-card .help{margin:25px 0 0;font-size:13px}.notice{border-left:3px solid var(--gold);background:#f7f1e5;padding:14px 17px;line-height:1.8;color:#795f30!important;margin-top:20px!important;font-size:14px!important}.plans-layout{width:min(1100px,100% - 80px);margin:auto;padding:60px 0 100px}.plans-heading{justify-content:space-between;align-items:center;gap:35px;display:flex}.greeting{color:var(--muted);margin:34px 0 12px;font-size:14px}.plans-heading h1{margin:0 0 16px;font-size:36px}.plans-heading p:last-child{color:var(--muted);margin:0;font-size:16px;line-height:1.9}.personal-tag{color:#8b6727;white-space:nowrap;border:1px solid #d8c397;padding:8px 16px;font-size:13px}.planning-list{margin-top:42px}.planning-card{border:1px solid var(--line);border-left:3px solid var(--gold);background:#fff;align-items:center;gap:26px;padding:33px;display:flex}.planning-index{color:#ab8849;align-self:flex-start;font-family:Georgia,serif;font-size:36px;line-height:1.4}.planning-copy{flex:1}.planning-copy h2{margin:11px 0;font-size:25px;line-height:1.7}.planning-copy p{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.9}.planning-copy small{color:var(--muted);font-size:12px}.primary{background:var(--navy);color:#fff;white-space:nowrap;border:0;padding:12px 22px;font-size:14px;text-decoration:none}.primary:hover{background:#122c49}.next-step{border-top:1px solid var(--line);margin-top:37px;padding-top:27px}.next-step span{color:var(--navy);font-size:14px;font-weight:500}.next-step p{color:var(--muted);margin:10px 0;font-size:15px;line-height:1.9}.empty-state{border:1px solid var(--line);text-align:center;background:#fff;margin-top:40px;padding:44px}.empty-mark{color:#ab8849;font-family:Georgia,serif;font-size:40px}.empty-state h2{font-size:25px;line-height:1.7}.empty-state p{color:var(--muted);margin:15px 0 28px;font-size:15px;line-height:1.8}footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;justify-content:space-between;gap:20px;padding:23px 5vw;font-size:12px;display:flex}.preview-banner{color:#fff;text-align:center;background:#1a3a60;padding:8px 15px;font-size:12px}.demo-nav{border-bottom:1px solid var(--line);background:#fff;gap:10px;padding:14px 5vw;display:flex;overflow:auto}.demo-nav button{color:var(--navy);border:1px solid var(--line);white-space:nowrap;background:#fff;padding:6px 13px;font-size:13px}.demo-nav button[aria-pressed=true]{background:var(--navy);color:#fff}@media (width<=900px){.login-layout{gap:45px;padding:50px 30px}.login-card{padding:30px}.mast-label{display:none}.planning-card{flex-wrap:wrap}.planning-card>.primary{margin-left:60px}}@media (width<=650px){.masthead{gap:17px;min-height:83px;padding:20px}.brand img{width:110px}.brand span{font-size:8px}.product{padding-left:17px;font-size:20px}.account{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:160px}.account span{overflow-wrap:anywhere;font-size:11px}.account button{padding:5px 10px;font-size:12px}.masthead:has(.account) .product{display:none}.login-layout{grid-template-columns:1fr;gap:32px;padding:35px 20px 50px}.eyebrow{letter-spacing:.09em;font-size:10px}h1{margin-top:22px;font-size:36px}.welcome>p{font-size:16px}.welcome-note{display:none}.login-card{padding:28px}.login-card h2{font-size:29px}.plans-layout{width:calc(100% - 40px);padding:35px 0 65px}.plans-heading{display:block}.plans-heading h1{font-size:30px}.personal-tag{margin-top:18px;display:inline-block}.planning-card{gap:16px;padding:24px}.planning-index{font-size:28px}.planning-copy h2{font-size:23px}.planning-copy{min-width:0}.planning-copy .card-label{font-size:10px}.planning-card>.primary{text-align:center;width:100%;margin-left:0}.empty-state{padding:30px 22px}.empty-state h2{font-size:23px}.greeting{margin-top:25px}footer{flex-direction:column;gap:10px;padding:20px;font-size:11px}}.contact-link{color:var(--navy);text-underline-offset:4px;text-decoration:underline}.contact-link:hover{color:#96712f}.admin-link{color:var(--navy);text-underline-offset:5px;font-weight:600;text-decoration:underline}.admin-layout{width:min(1100px,100% - 64px);margin:0 auto;padding:48px 0 72px}.admin-heading{justify-content:space-between;align-items:center;gap:28px;margin:20px 0 34px;display:flex}.admin-heading h1{margin:0 0 12px;font-size:36px}.admin-heading p,.admin-plan p{color:var(--muted);line-height:1.8}.admin-list{gap:20px;display:grid}.admin-plan{border:1px solid var(--line);border-left:3px solid var(--gold);background:#fff;justify-content:space-between;align-items:center;gap:30px;padding:28px;display:flex}.admin-plan h2{margin:18px 0 9px;font-size:25px}.admin-plan small{color:var(--muted)}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.secondary{color:var(--navy);border:1px solid var(--line);white-space:nowrap;background:#fff;padding:11px 18px;font-size:14px;text-decoration:none}.secondary:hover{border-color:var(--navy)}.admin-editor{border:1px solid var(--line);border-top:3px solid var(--gold);background:#fff;margin-bottom:30px;padding:28px}.admin-editor[hidden]{display:none}.admin-editor h2{margin:0 0 22px}.admin-editor label{color:var(--navy);margin:18px 0 9px;font-size:14px;display:block}.admin-editor input,.admin-editor textarea{width:100%;font:inherit;color:#24344a;background:#fff;border:1px solid #b9c4d2;margin-top:8px;padding:12px;display:block}.admin-editor input:focus-visible,.admin-editor textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.field-note,.audience-list{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.8}#admin-message:not(:empty){border-left:3px solid var(--gold);color:var(--navy);background:#faf6ed;margin-bottom:24px;padding:14px 18px}@media (width<=700px){.admin-heading,.admin-plan{display:block}.admin-heading .primary{margin-top:16px}.admin-actions{margin-top:20px}.admin-layout{width:calc(100% - 36px)}.admin-plan,.admin-editor{padding:22px}.admin-heading h1{font-size:28px}}
