:root{color:#f8fafc;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 15%,#ec489938,#0000 28rem),radial-gradient(circle at 82% 14%,#3b82f62e,#0000 30rem),linear-gradient(145deg,#07091a 0%,#0a0d25 42%,#140b2a 100%);font-family:Pyidaungsu,Noto Sans Myanmar,Padauk,Myanmar Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:0 0;min-height:100vh;margin:0;font-size:16px}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}main{z-index:1;max-width:1200px;margin:0 auto;padding:16px 24px 80px;position:relative}.topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 28px;display:flex}.brandWrap{flex-shrink:0;align-items:center;gap:14px;min-width:max-content;display:flex}.brandMark{background:linear-gradient(145deg,#ec489938,#2563eb33);border:1px solid #d946efbf;border-radius:16px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:1.6rem;display:grid;box-shadow:0 0 24px #d946ef4d}.brand{letter-spacing:.01em;color:#fff;font-size:1.15rem;font-weight:800}.brandSub{color:#a5b4fc;white-space:nowrap;margin-top:2px;font-size:.78rem;font-weight:500}.headerActions{align-items:center;gap:16px;display:flex}.navLinks{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.navLink{color:#cbd5e1;white-space:nowrap;border-radius:12px;padding:7px 11px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.navLink:hover{color:#f0abfc;background:#d946ef1f}.languagePicker{color:#c4b5fd;flex-shrink:0;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.languagePicker select{color:#fff;font:inherit;cursor:pointer;background:#0b102bf2;border:1px solid #d946efa6;border-radius:12px;padding:7px 12px;font-size:.88rem;font-weight:600;box-shadow:0 0 18px #d946ef26}h1{letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;color:#fff;margin:0 0 18px;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.55}h2{color:#f1f5f9;margin-top:56px;font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.48}h3{color:#fff;margin:14px 0 10px;font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.48}p{color:#cbd5e1;word-break:keep-all;overflow-wrap:break-word;font-size:1.02rem;line-height:1.7}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:48px 0 32px;display:grid}.heroCopy>p{max-width:680px;font-size:1.06rem;line-height:1.75}.tag{letter-spacing:.02em;color:#f0abfc;background:#581c8733;border:1px solid #d946efbf;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 14px;font-size:.84rem;font-weight:700;display:inline-flex;box-shadow:0 0 20px #d946ef24}.button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ec4899,#8b5cf6 58%,#38bdf8);border:none;border-radius:14px;align-items:center;gap:12px;margin-top:22px;padding:14px 22px;font-size:1.02rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 0 32px #a855f761}.button:hover{transform:translateY(-2px);box-shadow:0 0 42px #a855f785}.heroVisual{background:#11152f;border:1px solid #8b5cf680;border-radius:28px;min-height:380px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059,0 0 40px #7c3aed33}.familyPhoto{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:28px;display:grid}.card{background:linear-gradient(165deg,#141836eb,#120c2ad6);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:310px;padding:26px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}.card:hover{transform:translateY(-3px)}.card1{color:#f472b6;border:1px solid #ec489999}.card2{color:#22d3ee;border:1px solid #22d3ee99}.card3{color:#fb7185;border:1px solid #fb718599}.card4{color:#c084fc;border:1px solid #a855f799}.cardIcon{background:#ffffff0a;border:1px solid;border-radius:15px;flex-shrink:0;place-items:center;width:50px;height:50px;font-size:1.5rem;display:grid;box-shadow:0 0 18px #a855f72e}.card p{color:#cbd5e1;word-break:keep-all;overflow-wrap:break-word;margin-bottom:18px;font-size:.98rem;line-height:1.72}.cardLink{color:currentColor;align-items:center;gap:6px;margin-top:auto;font-size:.95rem;font-weight:800;display:inline-flex}.aboutBrief{background:linear-gradient(135deg,#1e293bbf 0%,#0f172ae0 100%);border:1px solid #8b5cf659;border-radius:22px;justify-content:space-between;align-items:center;gap:36px;margin-top:56px;padding:34px 36px;display:flex;box-shadow:0 12px 32px #00000038}.aboutBriefContent{max-width:720px}.aboutBadge{color:#34d399;background:#10b9811f;border:1px solid #34d3994d;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.aboutBrief h2{color:#f1f5f9;margin:0 0 12px;font-size:1.45rem}.aboutBrief p{color:#cbd5e1;word-break:keep-all;overflow-wrap:break-word;margin:0 0 10px;font-size:1rem;line-height:1.76}.aboutButton{white-space:nowrap;background:#1877f2;border:1px solid #ffffff2e;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:13px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #1877f259;color:#fff!important}.aboutButton:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 6px 20px #1877f273}@media (max-width:768px){.aboutBrief{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px}.aboutButton{justify-content:center;width:100%}}.languageRoadmap{background:#0f172aa6;border:1px solid #6366f152;border-radius:22px;justify-content:space-between;align-items:center;gap:32px;margin-top:56px;padding:28px 30px;display:flex}.languageRoadmap h2{margin:0 0 8px;font-size:1.4rem}.languageRoadmap p{max-width:680px;margin:0;font-size:1.02rem;line-height:1.68}.languageChips{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.languageChips span{color:#ddd6fe;white-space:nowrap;background:#581c873d;border:1px solid #8b5cf680;border-radius:999px;padding:8px 15px;font-size:.9rem;font-weight:600}.trustStrip{background:#0f172a8c;border:1px solid #6366f14d;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:32px;padding:20px 24px;display:grid}.trustStrip div{color:#c4b5fd;align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.small{color:#94a3b8;text-align:center;margin-top:30px;font-size:.9rem;line-height:1.6}.assessmentCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ad9;border:1px solid #a855f766;border-radius:24px;margin-top:32px;padding:36px;box-shadow:0 20px 60px #00000073}.progressBarBg{background:#ffffff1f;border-radius:999px;width:100%;height:8px;margin-bottom:28px;overflow:hidden}.progressBarFill{background:linear-gradient(90deg,#ec4899,#8b5cf6,#38bdf8);height:100%;transition:width .3s}.quizQuestion{color:#fff;margin-bottom:24px;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:700;line-height:1.5}.optionGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px;display:grid}.optionButton{color:#f1f5f9;font:inherit;text-align:left;cursor:pointer;word-break:keep-all;overflow-wrap:break-word;background:#1e293bbf;border:1px solid #8b5cf659;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;font-size:.96rem;font-weight:600;line-height:1.5;transition:all .2s;display:flex}.optionButton:hover{background:#8b5cf647;border-color:#d946efcc;transform:translateY(-2px)}.optionButton.selected{background:linear-gradient(135deg,#ec489959,#8b5cf666);border-color:#f0abfc;box-shadow:0 0 24px #d946ef59}.actionCard{background:#1e293bb3;border-left:4px solid #ec4899;border-radius:16px;margin-top:16px;padding:20px 24px}.actionCard h4{color:#f472b6;margin:0 0 8px;font-size:1.15rem;line-height:1.45}.actionCard p{color:#e2e8f0;margin:0;font-size:.98rem;line-height:1.65}.badge{color:#f472b6;background:#ec489938;border:1px solid #ec489973;border-radius:999px;padding:4px 12px;font-size:.82rem;font-weight:700;display:inline-block}.counterBadge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 16px;font-size:.88rem;font-weight:700;display:inline-flex}.counterDot{background:#38bdf8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 10px #38bdf8}@keyframes pulseDot{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.7;transform:scale(.95)}}.emailReportBox{background:linear-gradient(145deg,#1e293bd9,#0f172ae6);border:1px solid #a855f766;border-radius:18px;margin-top:24px;padding:24px 26px}.emailForm{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.emailInput{color:#fff;min-width:260px;font:inherit;background:#0b102be6;border:1px solid #a855f773;border-radius:12px;outline:none;flex:1;padding:12px 18px;font-size:.95rem;transition:border-color .2s}.emailInput:focus{border-color:#f0abfc;box-shadow:0 0 16px #d946ef4d}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:32px}.heroVisual{min-height:340px}.grid{grid-template-columns:repeat(2,1fr)}.languageRoadmap{flex-direction:column;align-items:flex-start;gap:20px}.languageChips{justify-content:flex-start}}@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:20px}.headerActions{flex-wrap:wrap;justify-content:space-between;gap:14px;width:100%}.navLinks{width:100%;padding-bottom:6px;overflow-x:auto}.navLink{padding:6px 10px;font-size:.88rem}.languagePicker{justify-content:space-between;width:100%}.languagePicker select{min-width:160px}}@media (max-width:640px){main{padding-top:14px;padding-left:16px;padding-right:16px}.hero{padding-top:20px}.heroVisual{min-height:280px}.grid{grid-template-columns:1fr}.card{min-height:260px;padding:22px}.trustStrip{grid-template-columns:1fr}.assessmentCard{padding:22px 18px}.optionButton{padding:14px 16px;font-size:.95rem}}
