:root{--teal:#006b69;--teal-dark:#004b55;--mint:#55cdb1;--mint-pale:#e4f8f2;--coral:#ff7068;--ink:#10263b;--muted:#6e8190;--cream:#fffdf6;--line:#dceae8;--shadow:0 18px 50px rgba(1,75,85,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 52%,#fff3d9 0 10%,transparent 25%),radial-gradient(circle at 96% 42%,#d9f5e9 0 14%,transparent 30%),var(--cream);color:var(--ink);font-family:'Noto Sans KR',sans-serif}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(2px)}.ambient-a{width:320px;height:320px;right:-100px;top:-160px;background:#d4f2e3}.ambient-b{width:240px;height:240px;left:-130px;bottom:0;background:#bfeadc}.marketing-head{text-align:center;padding:64px 20px 34px}.marketing-head h1{margin:0;font-size:clamp(48px,5vw,76px);line-height:1.25;letter-spacing:-4px;color:var(--teal-dark);font-weight:900}.marketing-head h1 b{color:var(--coral)}.marketing-head p{margin:18px 0 0;font-family:'Gowun Dodum',sans-serif;font-size:21px;letter-spacing:5px;color:#326779}.mobile-title{display:none}.app-shell{width:min(1180px,calc(100% - 56px));min-height:860px;margin:0 auto 70px;display:grid;grid-template-columns:255px 1fr;background:rgba(245,255,252,.84);border:2px solid #d7eeeb;border-radius:38px;overflow:hidden;box-shadow:0 20px 55px rgba(4,88,87,.12);backdrop-filter:blur(18px)}button{font:inherit;color:inherit}.sidebar{padding:38px 24px 30px;background:linear-gradient(160deg,#007971,#004d59);color:#fff;display:flex;flex-direction:column}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}.brand strong{font-size:26px;letter-spacing:-1.5px}.leafmark{width:34px;height:30px;position:relative;display:inline-block;flex:0 0 auto}.leafmark i{position:absolute;bottom:1px;width:17px;height:27px}.leafmark i:first-child{left:1px;border-radius:16px 2px 16px 16px;background:#83dfc2;transform:rotate(-10deg)}.leafmark i:last-child{right:1px;border-radius:2px 16px 16px 16px;background:#e3fff5;transform:rotate(10deg)}.sidebar nav{margin-top:68px;display:grid;gap:12px}.sidebar nav button{border:0;background:transparent;color:#d9f4ef;padding:15px 18px;border-radius:14px;text-align:left;font-size:16px;font-weight:600;cursor:pointer;display:flex;gap:18px}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(75,220,188,.24);color:#fff}.sidebar nav span{font-size:22px}.sidebar-plant{margin-top:auto;padding:30px 20px}.sidebar-plant .large{transform:scale(2);transform-origin:left bottom;margin:0 0 30px 20px}.sidebar-plant p{font-family:'Gowun Dodum',sans-serif;line-height:1.8;font-size:18px;letter-spacing:2px}.content{padding:24px 26px 30px}.top-search{display:flex;align-items:center;gap:16px;margin-bottom:20px}.top-search label{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #edf3f2;border-radius:18px;padding:0 18px;height:54px;box-shadow:0 4px 16px rgba(0,80,80,.04)}.top-search label span{font-size:28px}.top-search input{border:0;outline:0;width:100%;padding:0 14px;font-size:15px;background:transparent}.top-search>button,.mobile-bar button{border:0;background:transparent;font-size:28px;cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:18px}.left-column,.right-column{display:grid;gap:18px;align-content:start}.family-card{min-height:255px;padding:34px 28px;border-radius:24px;background:linear-gradient(145deg,#d8f7ec,#9ee5d7);display:flex;overflow:hidden;position:relative}.family-card h2{font-size:24px;line-height:1.55;margin:0 0 26px;color:#064a54}.family-card p{color:#537c7b;line-height:1.6;margin:0}.family{position:absolute;right:12px;bottom:0;width:190px;height:105px;display:flex;align-items:end;justify-content:center;gap:2px}.family span{width:55px;height:85px;border-radius:50% 50% 20% 20%;background:#ff917f;color:#033f4d;text-align:center;padding-top:13px;font-size:28px;border:8px solid #ffe0ca}.family span:nth-child(2){height:105px;background:#67cbb2}.family span:nth-child(3){height:72px;background:#ffb49a}.family span:nth-child(4){height:91px;background:#6fd1bc}.panel{background:rgba(255,255,255,.93);border:1px solid #e7efee;border-radius:22px;padding:20px;box-shadow:0 8px 24px rgba(7,75,78,.06)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h3{margin:0;font-size:22px}.panel-title button{border:0;background:transparent;font-size:28px;cursor:pointer}.summary-panel ul,.deadline-panel ul{list-style:none;margin:0;padding:0}.summary-panel li{display:grid;grid-template-columns:38px 1fr auto;align-items:center;border-bottom:1px solid #edf1f1;padding:11px 2px;font-size:14px}.summary-panel li:last-child{border-bottom:0}.summary-panel b{color:#007b70;font-size:22px}.summary-panel small{font-size:12px;margin-left:2px}.round{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:800}.mint{background:#e2faf2;color:#22b78e}.green{background:#dff7ee;color:#0ca17e}.coral{background:#ffe6e2;color:#ff756c}.gray{background:#e9eff1;color:#91a4ab}.blue{background:#dff4ff;color:#3c9fd0}.landscape-card{height:105px;border-radius:18px;background:linear-gradient(120deg,#fffceb,#ddf8ed);display:flex;justify-content:space-between;align-items:center;padding:20px 28px;color:#216d6c;font-family:'Gowun Dodum',sans-serif}.landscape-card div{font-size:52px;color:#84cfb3}.deadline-panel li{display:flex;align-items:center;gap:10px;padding:8px 0}.deadline-panel li>div{flex:1;display:grid}.deadline-panel li b{font-size:13px}.deadline-panel li small{font-size:11px;color:#7d8f9b}.deadline-panel em{font-style:normal;color:var(--coral);font-weight:700}.deadline-panel mark{border:0;border-radius:20px;background:#ffe2de;color:var(--coral);padding:6px 10px;font-weight:700}.interest-panel{display:grid;gap:9px}.interest{border:0;border-radius:16px;min-height:77px;padding:12px;display:grid;grid-template-columns:50px 1fr 14px;gap:12px;align-items:center;text-align:left;cursor:pointer}.interest:nth-of-type(1){background:#fff0ef}.interest:nth-of-type(2){background:#e5faf5}.interest:nth-of-type(3){background:#e9f7fd}.interest:nth-of-type(4){background:#fff6e6}.interest>span:first-child{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:25px}.home{background:#ff756d;color:#fff}.child{background:#54d1b8;color:#fff}.senior{background:#d1e9f1;color:#7a9fac}.job{background:#e8c39d;color:#996848}.interest>span:nth-child(2){display:grid}.interest b{font-size:15px}.interest small{color:#71828e;margin-top:3px;font-size:12px}.interest i{font-style:normal;font-size:24px}.calendar-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef2f2;padding:13px 3px}.calendar-head button{border:0;background:transparent}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:12px}.calendar-grid span{color:#84969e}.calendar-grid i{font-style:normal;height:27px;display:grid;place-items:center;border-radius:50%}.calendar-grid .mute{color:#c2cccf}.calendar-grid .picked{background:#58d1b8;color:#fff}.calendar-grid .hot{background:#ff756c;color:#fff}.calendar-grid .dot{position:relative}.calendar-grid .dot:after{content:'';position:absolute;bottom:1px;width:4px;height:4px;border-radius:50%;background:#2ebfa2}.quote-card{border:0;border-radius:20px;min-height:110px;padding:18px 24px;background:linear-gradient(120deg,#e8f8e7,#fff4dd);display:grid;grid-template-columns:70px 1fr auto;align-items:center;text-align:left;cursor:pointer;color:#236e69;font-family:'Gowun Dodum',sans-serif;font-size:18px}.quote-card .sprout{font-size:56px;color:#4ebd89}.quote-card i{font-style:normal;font-size:25px}.mobile-bar,.mobile-only,.mobile-greeting,.bottom-nav,.mobile-title{display:none}.footer-scape{text-align:center;padding:0 20px 70px;color:#257979;font-family:'Gowun Dodum',sans-serif;font-size:22px;letter-spacing:3px}#toast{position:fixed;z-index:20;left:50%;bottom:32px;transform:translate(-50%,30px);opacity:0;background:#073e46;color:#fff;padding:13px 20px;border-radius:50px;box-shadow:0 10px 30px #0003;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:760px){body{background:var(--cream)}.ambient{display:none}.marketing-head{padding:42px 18px 30px}.desktop-title{display:none}.mobile-title{display:block}.marketing-head h1{font-size:clamp(38px,11vw,56px);letter-spacing:-3px}.marketing-head h1 b{color:#12a98f}.marketing-head p{display:none}.app-shell{display:block;width:calc(100% - 28px);margin:0 auto 92px;min-height:0;border-radius:34px;background:#fafeff;border:1px solid #edf2f1;box-shadow:0 15px 42px rgba(0,66,70,.12);overflow:hidden}.sidebar,.top-search,.dashboard-grid,.footer-scape{display:none}.content{padding:0 0 24px}.mobile-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 22px}.mobile-bar .brand strong{font-size:25px;color:var(--teal-dark)}.mobile-bar>div{display:flex}.mobile-greeting{display:flex;position:relative;min-height:245px;padding:30px 22px 10px;background:radial-gradient(circle at 90% 35%,#e4f8f2 0 32%,transparent 33%)}.mobile-greeting h2{font-size:25px;line-height:1.45;margin:0 0 15px}.mobile-greeting p{color:#768897;line-height:1.6;margin:0}.person{position:absolute;right:22px;bottom:0;width:145px;height:170px}.hair{position:absolute;width:130px;height:125px;border-radius:60% 60% 35% 35%;background:#403434;bottom:36px}.face{position:absolute;left:29px;top:33px;width:78px;height:82px;border-radius:50%;background:#ffcfbd;color:#e87571;font-size:34px;text-align:center;padding-top:27px;z-index:2}.body{position:absolute;bottom:0;left:17px;width:112px;height:70px;border-radius:55px 55px 0 0;background:#5fc0a7}.mobile-only{display:flex}.urgent{margin:0 18px 18px;width:calc(100% - 36px);border:0;border-radius:20px;padding:16px;background:linear-gradient(100deg,#e5f9f3,#f1fffb);align-items:center;gap:14px;text-align:left;cursor:pointer}.urgent .calendar-icon{width:56px;height:56px;border-radius:18px;background:#d7f3e9;color:#ff6f66;display:grid;place-items:center;font-size:27px}.urgent>span:nth-child(2){display:grid;flex:1}.urgent b{color:#f25951;font-size:20px}.urgent small{margin-top:4px;font-size:14px}.urgent i{font-style:normal;font-size:30px}.mobile-categories{gap:8px;padding:8px 18px 28px}.mobile-categories button{flex:1;min-width:0;border:1px solid #e4eceb;background:#fff;border-radius:20px;height:100px;display:grid;place-items:center;padding:12px 4px;cursor:pointer;color:#617482;font-weight:700}.mobile-categories button span{font-size:28px;color:#5eb7ac}.mobile-categories button.selected{background:#d9f6ee;color:#006a67;border-color:transparent}.mobile-categories button.selected span{color:#078f84}.mobile-benefits{display:block;padding:0 18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h3{font-size:22px}.section-title button{border:0;background:transparent;color:#4c5f6e}.benefit-card{width:100%;display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:14px;border:0;border-radius:20px;background:#fff;box-shadow:0 7px 18px rgba(17,63,66,.08);padding:14px;margin-bottom:12px;text-align:left;cursor:pointer}.benefit-icon{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;font-size:34px}.benefit-icon.pink{background:#ffebef;color:#ff7068}.benefit-icon.peach{background:#fff0e5;color:#ff7737}.benefit-card>span:nth-child(2){display:grid}.benefit-card em{font-style:normal;border-radius:12px;background:#dff7ee;color:#20a587;width:max-content;padding:3px 10px;font-size:12px}.benefit-card:nth-of-type(3) em{background:#ffe5e8;color:#e95d67}.benefit-card:nth-of-type(4) em{background:#ffeadc;color:#ed7135}.benefit-card b{font-size:16px;margin:5px 0 2px}.benefit-card small{color:#81909a}.benefit-card i{font-style:normal;font-size:28px;color:#8ca0a8}.bottom-nav{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;height:74px;background:#fff;box-shadow:0 -5px 24px rgba(0,50,55,.08);padding:5px 14px}.bottom-nav button{flex:1;border:0;background:transparent;display:grid;place-items:center;color:#536676;font-size:12px}.bottom-nav span{font-size:24px}.bottom-nav .active{color:#006d6d;font-weight:800}#toast{bottom:88px;width:max-content;max-width:90%;text-align:center}}
@media(min-width:761px) and (max-width:1000px){.app-shell{width:calc(100% - 30px);grid-template-columns:210px 1fr}.sidebar{padding-left:18px;padding-right:18px}.content{padding:18px}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.quote-card{grid-column:1/-1}.family-card{min-height:220px}}
.info-hub{width:min(1060px,calc(100% - 40px));margin:0 auto 54px;background:#fff;border:1px solid #dceae8;border-radius:32px;padding:48px;box-shadow:0 16px 44px rgba(1,75,85,.08)}.info-intro{display:grid;grid-template-columns:1.1fr .9fr;column-gap:48px;align-items:start}.eyebrow{grid-column:1/-1;color:#0c9988;font-weight:800;margin:0 0 10px}.info-intro h2{font-size:32px;line-height:1.35;margin:0;color:var(--teal-dark)}.info-intro>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#526875;margin:0}.official-links{grid-column:2;margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.official-links a{color:#006b69;background:#e4f8f2;border-radius:50px;padding:10px 16px;text-decoration:none;font-weight:700}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0}.guide-grid article{background:#f4fbf9;border-radius:20px;padding:22px}.guide-grid span{color:#ff7068;font-weight:900}.guide-grid h3{margin:8px 0;font-size:18px}.guide-grid p{margin:0;color:#667c87;line-height:1.65}.faq{border-top:1px solid #e4eceb;padding-top:28px}.faq h2{font-size:24px}.faq details{border-bottom:1px solid #e7efee;padding:18px 4px}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:#647985;line-height:1.8;margin:12px 0 2px}.disclaimer{font-size:13px;color:#829098;margin:28px 0 0}
@media(max-width:760px){.info-hub{width:calc(100% - 28px);padding:28px 22px;border-radius:26px;margin-bottom:100px}.info-intro{display:block}.info-intro h2{font-size:26px}.info-intro>p:not(.eyebrow){margin-top:18px}.official-links{margin-top:18px}.guide-grid{grid-template-columns:1fr;margin:26px 0}.faq h2{font-size:22px}}

/* App-only view: the public URL opens directly on the mobile welfare app. */
html{background:#f4f8f7}
body{min-height:100vh;background:#f4f8f7}
.ambient,.marketing-head,.sidebar,.top-search,.dashboard-grid,.info-hub,.footer-scape{display:none!important}
.app-shell{display:block;width:min(100%,468px);min-height:100vh;margin:0 auto 86px;border:0;border-radius:0;background:#fafeff;box-shadow:0 8px 34px rgba(0,66,70,.1);overflow:hidden}
.content{padding:0 0 24px}
.mobile-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 22px}
.mobile-bar .brand strong{font-size:25px;color:var(--teal-dark)}
.mobile-bar>div{display:flex}
.mobile-greeting{display:flex;position:relative;min-height:245px;padding:30px 22px 10px;background:radial-gradient(circle at 90% 35%,#e4f8f2 0 32%,transparent 33%)}
.mobile-greeting h2{font-size:25px;line-height:1.45;margin:0 0 15px}
.mobile-greeting p{color:#768897;line-height:1.6;margin:0}
.person{position:absolute;right:22px;bottom:0;width:145px;height:170px}
.hair{position:absolute;width:130px;height:125px;border-radius:60% 60% 35% 35%;background:#403434;bottom:36px}
.face{position:absolute;left:29px;top:33px;width:78px;height:82px;border-radius:50%;background:#ffcfbd;color:#e87571;font-size:34px;text-align:center;padding-top:27px;z-index:2}
.body{position:absolute;bottom:0;left:17px;width:112px;height:70px;border-radius:55px 55px 0 0;background:#5fc0a7}
.mobile-only{display:flex}
.urgent{margin:0 18px 18px;width:calc(100% - 36px);border:0;border-radius:20px;padding:16px;background:linear-gradient(100deg,#e5f9f3,#f1fffb);align-items:center;gap:14px;text-align:left;cursor:pointer}
.urgent .calendar-icon{width:56px;height:56px;border-radius:18px;background:#d7f3e9;color:#ff6f66;display:grid;place-items:center;font-size:27px}
.urgent>span:nth-child(2){display:grid;flex:1}.urgent b{color:#f25951;font-size:20px}.urgent small{margin-top:4px;font-size:14px}.urgent i{font-style:normal;font-size:30px}
.mobile-categories{gap:8px;padding:8px 18px 28px}
.mobile-categories button{flex:1;min-width:0;border:1px solid #e4eceb;background:#fff;border-radius:20px;height:100px;display:grid;place-items:center;padding:12px 4px;cursor:pointer;color:#617482;font-weight:700}
.mobile-categories button span{font-size:28px;color:#5eb7ac}.mobile-categories button.selected{background:#d9f6ee;color:#006a67;border-color:transparent}.mobile-categories button.selected span{color:#078f84}
.mobile-benefits{display:block;padding:0 18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h3{font-size:22px}.section-title button{border:0;background:transparent;color:#4c5f6e}
.benefit-card{width:100%;display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:14px;border:0;border-radius:20px;background:#fff;box-shadow:0 7px 18px rgba(17,63,66,.08);padding:14px;margin-bottom:12px;text-align:left;cursor:pointer}
.benefit-icon{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;font-size:34px}.benefit-icon.pink{background:#ffebef;color:#ff7068}.benefit-icon.peach{background:#fff0e5;color:#ff7737}
.benefit-card>span:nth-child(2){display:grid}.benefit-card em{font-style:normal;border-radius:12px;background:#dff7ee;color:#20a587;width:max-content;padding:3px 10px;font-size:12px}.benefit-card:nth-of-type(3) em{background:#ffe5e8;color:#e95d67}.benefit-card:nth-of-type(4) em{background:#ffeadc;color:#ed7135}.benefit-card b{font-size:16px;margin:5px 0 2px}.benefit-card small{color:#81909a}.benefit-card i{font-style:normal;font-size:28px;color:#8ca0a8}
.bottom-nav{display:flex;position:fixed;z-index:10;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:min(100%,468px);height:74px;background:#fff;box-shadow:0 -5px 24px rgba(0,50,55,.08);padding:5px 14px}
.bottom-nav button{flex:1;border:0;background:transparent;display:grid;place-items:center;color:#536676;font-size:12px}.bottom-nav span{font-size:24px}.bottom-nav .active{color:#006d6d;font-weight:800}
#toast{bottom:88px;width:max-content;max-width:90%;text-align:center}
@media(max-width:468px){html,body{background:#fafeff}.app-shell{width:100%;box-shadow:none}.mobile-greeting h2{font-size:clamp(20px,5.35vw,25px)}.mobile-greeting p{font-size:clamp(13px,3.4vw,16px)}.person{right:12px}.benefit-card{grid-template-columns:70px minmax(0,1fr) auto;gap:10px}.benefit-icon{width:64px;height:64px}.benefit-card b{font-size:15px}.benefit-card small{font-size:12px}}
.brand{gap:10px}.brand-symbol{display:block;width:38px;height:38px;object-fit:contain;flex:0 0 auto}.sidebar-plant .brand-symbol.large{width:68px;height:68px;margin:0 0 24px 8px}
.welcome-person{position:absolute;right:0;bottom:0;width:47%;height:220px;object-fit:contain;object-position:center bottom}.mobile-greeting{min-height:240px;padding-top:16px}.mobile-greeting>div{position:relative;z-index:1;max-width:64%}.mobile-greeting h2{font-size:21px}.mobile-greeting p{font-size:14px;max-width:190px}.icon3d{display:inline-block!important;width:44px;height:44px;background-image:url('./icons-3d.png')!important;background-size:300% 300%!important;background-repeat:no-repeat!important;background-color:transparent!important;border-radius:0!important;flex-shrink:0}.icon-money{background-position:0 0}.icon-home{background-position:50% 0}.icon-baby{background-position:100% 0}.icon-more{background-position:0 50%}.icon-search{background-position:50% 50%}.icon-heart{background-position:100% 50%}.icon-user{background-position:0 100%}.icon-calendar{background-position:50% 100%}.icon-people{background-position:100% 100%}.mobile-categories .icon3d{width:48px;height:48px}.benefit-card .icon3d{width:70px;height:70px}.bottom-nav .icon3d{width:35px;height:35px}.mobile-bar button .icon3d{width:32px;height:32px}.urgent .calendar-icon{width:58px;height:58px}.mobile-bar button{display:flex;align-items:center;padding:5px}.mobile-greeting h2{max-width:245px}@media(max-width:380px){.mobile-greeting h2{font-size:18px}.mobile-greeting p{font-size:13px;max-width:170px}.welcome-person{height:190px;width:46%}.benefit-card .icon3d{width:60px;height:60px}}