/* Local homepage design trial. Other tools keep their existing styles. */
.da-home {--home-ink:#283e35;--home-green:#28554b;--home-cream:#f4efdf;--home-border:#dddcca;box-sizing:border-box;margin:0;min-height:100vh;padding:28px 28px 56px;font-family:'Inter',system-ui,sans-serif;color:var(--home-ink);background:#e3e9e5;isolation:isolate;}
/* A viewport-sized layer keeps the supplied image centered while scrolling. */
.da-home::before {content:'';position:fixed;inset:0;z-index:-1;background:url("/assets/home-landscape.webp") center center / cover no-repeat;pointer-events:none;}
.da-home *, .da-home *::before, .da-home *::after {box-sizing:border-box;}
.da-home .container {width:100%;max-width:1200px;margin:0 auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:left;}
.da-home .top-nav {position:static;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;}
.da-home .top-nav>.btn-main-site {flex-shrink:0;white-space:nowrap;}
.da-home .btn-main-site,.da-home #da-home-account .da-signout {display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 18px;border:1px solid #d3d8c9;border-radius:14px;background:#faf9f2;color:#35554a;font:650 13px/1.4 'Inter',system-ui,sans-serif;text-decoration:none;box-shadow:0 3px 8px #26413712;cursor:pointer;transition:background .18s,transform .18s;}
.da-home .btn-main-site img {width:24px;height:24px;border-radius:7px;}
.da-home #da-home-account {max-width:none;gap:10px;}
.da-home #da-home-account .btn-account {padding:11px 22px;background:#28554b;color:#fff9e9;border-color:#28554b;box-shadow:0 4px 10px #23463a1f;}
.da-home #da-home-account .da-signout {background:#f5e8df;color:#784635;border-color:#e8d4c6;box-shadow:0 3px 8px #794a3012;}
.da-home .btn-main-site:hover,.da-home #da-home-account .da-signout:hover {transform:translateY(-1px);background:#e9eee1;}
.da-home #da-home-account .btn-account:hover {background:#1f463d;}
.da-home #da-home-account .da-signout:hover {background:#eedbcd;}
.da-home a:focus-visible,.da-home button:focus-visible {outline:3px solid #9c6f42;outline-offset:5px;}
.da-home .header {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px;margin:0 0 32px;padding:40px 44px;background:linear-gradient(115deg,#2d5b4dbd 0%,#1a3d32c2 100%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f9f0d6;border:1px solid #406e60;border-radius:32px;box-shadow:0 14px 30px -22px #183d32;}
.da-home .header-main {min-width:0;}
.da-home .logo-wrapper {display:flex;width:64px;height:64px;margin:0 0 20px;border-radius:20px;box-shadow:0 6px 12px #173a343d;}
.da-home .logo-wrapper img {width:100%;height:100%;border-radius:20px;}
.da-home .header h1 {margin:0 0 14px;font-size:clamp(27px,3.1vw,38px);line-height:1.2;letter-spacing:-1px;font-weight:800;color:#fbefd1;}
.da-home .header-main>p {margin:0;font-size:15px;font-weight:500;line-height:1.7;color:#fff8eb;display:inline-block;padding:5px 10px;margin-inline:-10px;border-radius:9px;background:#183c31a6;}
.da-home .exam-countdown {display:grid;grid-template-columns:1fr;gap:14px;min-width:0;}
.da-home .exam-countdown-item {padding:20px 24px;border-radius:20px;background:linear-gradient(125deg,#e0eacb75 0%,#cbd9ba66 50%,#b8caa672 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #dce6cc;color:#fff8eb;box-shadow:0 5px 14px #193e3526;}
.da-home .exam-countdown-item--yks {background:linear-gradient(125deg,#f4e7cc75 0%,#ead8bb66 50%,#dac09f72 100%);border-color:#f3e5cc;color:#fff8eb;}
.da-home .exam-countdown-top {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.da-home .exam-countdown-label {font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.06em;padding:3px 7px;margin-left:-7px;border-radius:6px;background:#183c3166;}
.da-home .exam-countdown-status {padding:5px 9px;border-radius:20px;font-size:9px;line-height:1.4;font-weight:700;letter-spacing:.03em;background:#f9fff24d;color:#0e1912;white-space:nowrap;}
.da-home .exam-countdown-main {display:flex;gap:7px;align-items:baseline;margin-top:10px;}
.da-home .exam-countdown-value {color:#fff;font-size:25px;line-height:1.25;font-weight:800;letter-spacing:-.7px;font-variant-numeric:tabular-nums;}
.da-home .exam-countdown-unit {font-size:13px;font-weight:600;}
.da-home .exam-countdown-note {color:#fff8eb;width:fit-content;padding:4px 7px;margin:8px 0 0 -7px;border-radius:6px;background:#183c3166;font-size:11px;line-height:1.55;font-weight:500;}
.da-home .cards-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.da-home .card {--card-bg:#dde5cb;--card-ink:#344c37;--card-icon-bg:#f4f7e9;--card-edge:#c1cfab;display:flex;flex-direction:column;min-width:0;padding:28px;border-radius:26px;border:1px solid var(--card-edge);background:linear-gradient(140deg,color-mix(in srgb,var(--card-bg) 73%,transparent) 0%,color-mix(in srgb,var(--card-bg) 64%,transparent) 55%,color-mix(in srgb,var(--card-bg) 75%,transparent) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--card-ink);text-decoration:none;box-shadow:0 12px 26px -18px #263b2d55,inset 0 1px 0 #ffffff65;transition:transform .2s,box-shadow .2s;}
.da-home .card-plan {--card-bg:#e6cbbf;--card-ink:#603f34;--card-icon-bg:#f8e9df;--card-edge:#d4b0a0;}
.da-home .card-yks-plan {--card-bg:#e9d6b8;--card-ink:#604b2f;--card-icon-bg:#fbefd6;--card-edge:#d5bf9c;}
.da-home .card-calc {--card-bg:#d4e3da;--card-ink:#2e5447;--card-icon-bg:#eef6ee;--card-edge:#b4cebf;}
.da-home .card-lgs-search {--card-bg:#e1d8c8;--card-ink:#584d3e;--card-icon-bg:#f5eee1;--card-edge:#c9bca6;}
.da-home .card-pomo {--card-bg:#c5d7c4;--card-ink:#34513b;--card-icon-bg:#eaf3e4;--card-edge:#a8c2a6;}
.da-home .card:hover {transform:translateY(-4px);box-shadow:0 16px 32px -18px #263b2d66,inset 0 1px 0 #ffffff65;}
.da-home .card-icon {display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;margin:0 0 22px;border:1px solid #fff7;border-radius:22px;background:linear-gradient(145deg,#fffdf5 0%,var(--card-icon-bg) 68%,color-mix(in srgb,var(--card-icon-bg) 90%,var(--card-ink)) 100%);color:var(--card-ink);box-shadow:0 5px 12px #293a2821,inset 0 1px 0 #ffffff99;}
.da-home .card-icon svg {width:34px;height:34px;}
.da-home .card h2 {min-height:54px;margin:0 0 12px;color:#0e1912;font-size:19px;line-height:1.42;font-weight:800;letter-spacing:-.4px;overflow-wrap:anywhere;}
.da-home .card p {flex:1;margin:0 0 24px;font-size:13px;font-weight:500;line-height:1.8;color:#0e1912;}
.da-home .card p strong {font-weight:650;}
.da-home .card-btn {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-bottom:16px;padding:12px 16px;border:1px solid #ffffff45;border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--card-ink) 84%,#f9e2c2) 0%,var(--card-ink) 72%);color:#fff7e9;font-size:13px;line-height:1.4;font-weight:700;box-shadow:0 3px 8px #1e2d2021;}
.da-home .counter-badge {display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:8px 7px;border:1px solid #ffffff48;border-radius:11px;background:#fffaf0b3!important;color:var(--card-ink)!important;font-size:10px;line-height:1.55;font-weight:600;text-align:center;}
/* Matte mineral grain sits behind content and never intercepts a click. */
.da-home :is(.header,.card,.exam-countdown-item) {position:relative;isolation:isolate;}
.da-home :is(.header,.card,.exam-countdown-item)::before {content:'';position:absolute;inset:0;border-radius:inherit;background:url("/assets/home-texture.svg") repeat;opacity:.2;pointer-events:none;z-index:0;}
.da-home .header::before {opacity:.15;mix-blend-mode:soft-light;}
.da-home :is(.header,.card,.exam-countdown-item)>* {position:relative;z-index:1;}
@keyframes fadeIn {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.da-home .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.da-home .header{gap:28px;padding:32px}.da-home .header h1{font-size:30px}}
@media(max-width:700px){.da-home{padding:18px 18px 40px}.da-home .top-nav{margin-bottom:20px;gap:12px;align-items:flex-start}.da-home .header{grid-template-columns:1fr;padding:28px;gap:26px;border-radius:26px;margin-bottom:26px}.da-home .header h1{font-size:30px}.da-home .header-main>p{font-size:14px}.da-home .logo-wrapper{width:56px;height:56px;margin-bottom:18px}.da-home .cards-grid{gap:20px}.da-home .card{padding:22px;border-radius:22px}.da-home .card h2{font-size:18px}.da-home .exam-countdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.da-home .exam-countdown-item{padding:18px 16px}.da-home .exam-countdown-top{flex-wrap:wrap;gap:8px}.da-home .exam-countdown-value{font-size:21px}.da-home #da-home-account{max-width:65%;gap:8px}.da-home #da-home-account .btn-account,.da-home #da-home-account .da-signout{padding:11px 14px}.da-home .btn-main-site{padding:9px 12px;font-size:12px}}
@media(max-width:500px){.da-home .cards-grid{grid-template-columns:1fr}.da-home .card{padding:26px}.da-home .card h2{min-height:0;font-size:20px}.da-home .card p{font-size:13px}.da-home .card-icon{margin-bottom:20px}.da-home .counter-badge{font-size:11px}.da-home .exam-countdown{grid-template-columns:1fr}.da-home .exam-countdown-top{flex-wrap:nowrap}.da-home .header{padding:24px}.da-home .header h1{font-size:clamp(24px,6.4vw,30px)}.da-home .btn-main-site img{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.da-home *{animation:none!important;transition:none!important}}

/* Account identity and actions share a compact, readable mobile surface. */
.da-home #da-home-account.has-identity {display:grid;grid-template-columns:minmax(0,240px) auto auto;align-items:center;min-width:0;max-width:75%;gap:12px;}
.da-home .da-home-identity {display:grid;gap:3px;min-width:0;padding:8px 12px;border:1px solid #d3d8c9;border-radius:14px;background:#faf9f2;text-align:right;}
.da-home .da-home-user-name {font-size:14px;line-height:1.4;color:#28554b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.da-home .da-home-user-role {font-size:11px;line-height:1.4;color:#52675c;}
.da-home .da-support-contact {margin:24px 0 0;background:#faf9f2;border-color:#d3d8c9;color:#52675c;}
.da-home .da-support-contact a {color:#28554b;}
@media(max-width:700px){
 .da-home .top-nav {align-items:center;gap:8px;padding:10px;border:1px solid #d3d8c9;border-radius:20px;background:#faf9f2;}
 .da-home .top-nav.has-account-identity {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
 .da-home #da-home-account.has-identity {display:contents;}
 .da-home .da-home-identity {grid-column:2;grid-row:1;min-width:0;padding:0 2px;border:0;border-radius:0;background:none;}
 .da-home .top-nav>.btn-main-site {min-width:0;min-height:44px;justify-self:start;padding:8px 10px;}
 .da-home #da-home-account.has-identity .btn-account {grid-column:1;grid-row:2;}
 .da-home #da-home-account.has-identity .da-signout {grid-column:2;grid-row:2;}
 .da-home #da-home-account.has-identity :is(.btn-account,.da-signout) {width:100%;min-width:0;min-height:44px;padding:10px 6px;font-size:12px;line-height:1.4;text-align:center;white-space:normal;}
 .da-home .da-home-user-name {font-size:13px;}
 .da-home #da-home-account .da-signout-error {grid-column:1/-1;font-size:12px;}
}