/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#142c2a;--green:#0f6b5d;--green-2:#168070;--mint:#eaf5f1;--orange:#f09a45;--cream:#f8f6ef;--line:#dfe7e3;--muted:#6f7f7b;--white:#fff;--red:#c9574e}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:Noto Sans Bengali,Hind Siliguri,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.brand{color:var(--green);letter-spacing:-.5px;align-items:center;gap:12px;font-size:22px;font-weight:900;display:flex}.brand-mark{background:var(--orange);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 18px #a85d2630}.brand-light{color:#fff}.brand small{letter-spacing:0;font-size:10px;font-weight:500;display:block}.login-shell{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#124f4b,#0a6d60 56%,#07574f);padding:42px 7vw;position:relative;overflow:hidden}.road-scene{opacity:.96;position:absolute;inset:80px 0 0}.sun{background:#e8b063;border-radius:50%;width:150px;height:150px;position:absolute;top:7%;right:12%;box-shadow:0 0 80px #f0c17680}.city{opacity:.65;background:linear-gradient(90deg,#0b433f 8%,#0000 8% 12%,#0b433f 12% 22%,#0000 22% 25%,#0b433f 25% 31%,#0000 31% 35%,#0b433f 35% 54%,#0000 54%);width:60%;height:26%;position:absolute;bottom:31%}.city-one{left:0}.city-two{right:-20%;transform:scaleX(-1)}.road{background:#143b39;border-top:8px solid #d0a269;width:120%;height:38%;position:absolute;bottom:-5%;left:-10%;transform:skewY(-8deg)}.road:before{content:"";background:#d9ded9;width:100%;height:18px;position:absolute;top:-28px}.road-line{background:#f5d890;width:12%;height:6px;position:absolute;top:60%}.road-line.one{left:4%}.road-line.two{left:40%}.road-line.three{left:76%}.bus{background:#ef9a47;border-bottom:12px solid #183c39;border-radius:18px 30px 12px 12px;width:220px;height:105px;position:absolute;bottom:26%;right:20%;box-shadow:0 25px 40px #082f2a60}.bus:before{content:"";background:#b6d5d2;border-radius:7px;width:88px;height:38px;position:absolute;top:18px;left:18px}.window{background:#b6d5d2;border-radius:6px;width:38px;height:38px;position:absolute;top:18px}.w1{right:62px}.w2{right:18px}.wheel{background:#182f2d;border:7px solid #36534f;border-radius:50%;width:38px;height:38px;position:absolute;bottom:-22px}.wh1{left:28px}.wh2{right:28px}.shield{width:72px;height:78px;color:var(--green);background:#fff;border-radius:30px 30px 36px 36px;place-items:center;font-size:34px;font-weight:900;display:grid;position:absolute;top:25%;right:11%;box-shadow:0 12px 30px #092d2950}.visual-copy{z-index:2;max-width:620px;position:absolute;bottom:8vh;left:7vw}.eyebrow,.step-label{text-transform:uppercase;letter-spacing:2px;color:var(--orange);margin:0 0 10px;font-size:12px;font-weight:800}.visual-copy h1{letter-spacing:-2px;margin:0 0 20px;font-size:clamp(42px,5vw,72px);line-height:1.07}.visual-copy>p:last-child{color:#d7e7e4;font-size:18px}.login-panel{place-items:center;padding:60px;display:grid}.login-card{width:min(100%,470px)}.mobile-brand{display:none}.login-card h2{letter-spacing:-1px;margin:0 0 10px;font-size:36px}.muted{color:var(--muted);margin:0 0 30px;line-height:1.6}.login-card label{margin:24px 0 9px;font-weight:800;display:block}.phone-field{border:1.5px solid var(--line);background:#fff;border-radius:13px;height:58px;display:flex;overflow:hidden}.phone-field span{border-right:1px solid var(--line);white-space:nowrap;background:#f4f7f5;align-items:center;padding:0 15px;display:flex}.phone-field input{border:0;outline:0;flex:1;padding:0 16px;font-size:18px}.hint{color:#87928f;margin:8px 0 24px;font-size:12px}.demo-hint{background:#fff4e7;border-radius:8px;padding:10px 12px}.otp-field{border:1.5px solid var(--line);letter-spacing:12px;text-align:center;border-radius:13px;width:100%;height:62px;padding:0 18px;font-size:24px}.primary,.secondary{border:0;border-radius:12px;min-height:52px;padding:0 22px;font-weight:800}.primary{background:var(--green);color:#fff;justify-content:center;align-items:center;gap:12px;width:100%;display:flex;box-shadow:0 9px 20px #0f6b5d24}.primary:hover{background:var(--green-2)}.primary:disabled{box-shadow:none;cursor:not-allowed;background:#b9c9c5}.primary span{font-size:22px}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.support{text-align:center;border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding-top:22px;font-size:13px}.admin-link,.back-link{color:var(--green);background:0 0;border:0;padding:14px 0;font-weight:800}.admin-link{width:100%}.app{min-height:100vh}.app header{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;gap:5vw;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.header-brand{text-align:left;background:0 0;border:0}.app header nav{gap:25px;height:100%;display:flex}.app header nav button{color:#697875;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 6px;font-weight:700}.app header nav .nav-active{color:var(--green);border-color:var(--orange)}.user{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar,.table-avatar{color:var(--green);background:#dfeee9;border-radius:50%;place-items:center;font-weight:900;display:inline-grid}.avatar{width:40px;height:40px}.user>span{font-weight:800}.user small{color:var(--muted);font-size:10px;font-weight:500;display:block}.user button{color:var(--muted);background:0 0;border:0;font-size:20px}.app-body{width:min(1180px,90vw);margin:0 auto;padding:38px 0 70px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.welcome p{color:var(--muted);margin:0;font-size:13px}.welcome h1{margin:8px 0 4px;font-size:34px}.welcome span{color:var(--muted)}.overall{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 20px;display:flex}.mini-ring{background:conic-gradient(var(--orange) 67%,#e5ebe8 0);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative}.mini-ring:before{content:"";background:#fff;border-radius:50%;width:44px;height:44px;position:absolute}.mini-ring strong{font-size:12px;position:relative}.overall span,.overall strong{font-size:12px;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 40px;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{border-radius:12px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.stat-icon.orange{color:#e48633;background:#fff0df}.stat-icon.green{color:var(--green);background:#e1f1eb}.stat-icon.blue{color:#497087;background:#e5eef3}.stats p{color:var(--muted);margin:0;font-size:12px}.stats strong{color:var(--ink);margin-top:4px;font-size:24px;display:block}.section-head{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-head h2{margin:0;font-size:27px}.filter{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 15px}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 10px 30px #13382e08}.lesson-art{place-items:center;height:165px;display:grid;position:relative}.lesson-art.orange{background:linear-gradient(145deg,#ffdba9,#f2a35a)}.lesson-art.red{background:linear-gradient(145deg,#ffe4df,#dd776c)}.lesson-art.green{background:linear-gradient(145deg,#d6ece3,#68a996)}.big-icon{color:#fff;text-shadow:0 8px 25px #23453e30;font-size:70px;font-weight:900}.lesson-tag,.complete-tag{border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800;position:absolute;top:13px}.lesson-tag{color:var(--ink);background:#fffd;left:13px}.complete-tag{background:var(--green);color:#fff;right:13px}.lesson-content{padding:18px}.lesson-content>span{color:var(--muted);font-size:11px}.lesson-content h3{min-height:50px;margin:7px 0 15px;font-size:18px}.card-progress,.progress-row{align-items:center;gap:9px;display:flex}.progress{background:#e8eeeb;border-radius:10px;flex:1;height:7px;overflow:hidden}.progress i{background:var(--orange);border-radius:10px;height:100%;display:block}.card-progress small{color:var(--muted)}.card-action{color:#85918e;background:#f0f4f2;border:0;border-radius:10px;justify-content:space-between;width:100%;margin-top:15px;padding:11px 14px;font-weight:800;display:flex}.card-action.active{background:var(--green);color:#fff}.lesson-back{margin-bottom:18px}.lesson-layout{grid-template-columns:1fr 300px;gap:24px;display:grid}.video-card,.quiz-ready,.tip,.question-card,.result-card{border:1px solid var(--line);background:#fff;border-radius:18px}.video-card{overflow:hidden}.video-title{justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.video-title h2{margin:5px 0 0}.lesson-number{color:var(--orange);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:900}.duration{color:var(--muted);font-size:12px}.video-wrap{background:#0d2221;position:relative}.video-wrap video{aspect-ratio:16/9;background:#0d2221;width:100%;display:block}.watch-note{color:#fff;background:#102b28d9;border-radius:8px;padding:8px 12px;font-size:11px;position:absolute;bottom:50px;left:15px}.progress-row{padding:18px 25px}.progress-row>span,.progress-row>strong{font-size:11px}.lesson-aside{flex-direction:column;gap:16px;display:flex}.quiz-ready,.tip{text-align:center;padding:24px}.quiz-ready .lock{background:#edf1f0;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 15px;display:grid}.quiz-ready.unlocked .lock{color:var(--green);background:#dff1e9;font-weight:900}.quiz-ready h3{margin:0}.quiz-ready p,.tip p{color:var(--muted);font-size:13px;line-height:1.6}.tip{text-align:left;background:#fff8ec;border-color:#f3ddbd}.tip strong{color:#b46d25}.quiz-shell{max-width:780px;margin:20px auto}.quiz-top{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.quiz-top h2{margin:6px 0}.quiz-dots{gap:6px;display:flex}.quiz-dots i{background:#dfe7e4;border-radius:10px;width:30px;height:5px}.quiz-dots .active{background:var(--orange)}.question-card{padding:36px}.question-count{color:var(--muted);font-size:12px}.question-card h3{font-size:26px;line-height:1.45}.options{gap:11px;margin:25px 0;display:grid}.options button{border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:13px;min-height:58px;padding:9px 15px;font-weight:700;display:flex}.options button>span{background:#eff3f1;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.options button b{margin-left:auto;display:none}.options button.selected{border-color:var(--green);background:#edf8f4}.options button.selected span{background:var(--green);color:#fff}.options button.selected b{color:var(--green);display:block}.quiz-actions{justify-content:space-between;margin-top:28px;display:flex}.quiz-actions .primary{width:auto}.result-card{text-align:center;max-width:650px;margin:25px auto;padding:42px}.result-badge{width:78px;height:78px;color:var(--green);background:#dbf1e8;border-radius:50%;place-items:center;margin:0 auto 20px;font-size:42px;font-weight:900;display:grid}.result-badge.fail{color:var(--red);background:#fde7e4}.result-card h2{margin:5px;font-size:30px}.score-ring{background:conic-gradient(var(--green) 0 67%,#e5ebe8 67%);border-radius:50%;place-items:center;width:150px;height:150px;margin:30px auto;display:grid;position:relative}.score-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.score-ring>*{display:block;position:relative}.score-ring strong{font-size:34px}.score-ring span{color:var(--muted);font-size:11px}.result-stats{border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(3,1fr);margin-bottom:25px;display:grid}.result-stats div{border-right:1px solid var(--line);padding:15px}.result-stats div:last-child{border:0}.result-stats span,.result-stats strong{display:block}.result-stats span{color:var(--muted);font-size:11px}.result-stats strong{margin-top:5px}.pass{color:var(--green)}.retry{color:var(--red)}.result-button{max-width:280px;margin:auto}.admin-page{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:#123e3a;flex-direction:column;padding:28px 20px;display:flex}.admin-sidebar nav{gap:7px;margin-top:45px;display:grid}.admin-sidebar nav button,.admin-exit{color:#b9d1cc;text-align:left;background:0 0;border:0;border-radius:9px;padding:13px;font-weight:700}.admin-sidebar nav .active{color:#fff;background:#ffffff13}.admin-exit{margin-top:auto}.admin-main{padding:36px 4vw}.admin-head{justify-content:space-between;align-items:center;display:flex}.admin-head h1{margin:4px 0;font-size:32px}.admin-head .primary{width:auto}.admin-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0;display:grid}.admin-stats article,.table-card,.activity{border:1px solid var(--line);background:#fff;border-radius:15px}.admin-stats article{padding:20px}.admin-stats span,.admin-stats strong,.admin-stats small{display:block}.admin-stats span{color:var(--muted);font-size:11px}.admin-stats strong{margin:8px 0;font-size:30px}.admin-stats small{color:var(--green)}.admin-stats .warn{color:var(--red)}.admin-grid{grid-template-columns:1fr 270px;gap:18px;display:grid}.table-card{overflow:hidden}.table-head{justify-content:space-between;padding:20px;display:flex}.table-head h2,.activity h2{margin:0;font-size:18px}.table-head button{color:var(--green);background:0 0;border:0;font-weight:800}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid var(--line);padding:13px 18px;font-size:12px}th{color:var(--muted);background:#fafbf9}.table-avatar{width:29px;height:29px;margin-right:8px}.status{color:var(--green);background:#def2e9;border-radius:12px;padding:4px 9px;font-weight:800}.status.fail{color:var(--red);background:#fde7e4}.activity{padding:20px}.donut{background:conic-gradient(var(--green) 0 78%,var(--orange) 78% 91%,#d85b52 91%);border-radius:50%;place-items:center;width:150px;height:150px;margin:22px auto;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:19px}.donut>*{display:block;position:relative}.donut strong{font-size:26px}.donut span{color:var(--muted);font-size:10px}.activity ul{margin:0;padding:0;list-style:none}.activity li{align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.activity li strong{margin-left:auto}.activity li i{border-radius:50%;width:9px;height:9px}.activity .g{background:var(--green)}.activity .o{background:var(--orange)}.activity .r{background:var(--red)}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px}.mobile-brand{margin-bottom:60px;display:flex}.lesson-grid{grid-template-columns:1fr 1fr}.app header nav{display:none}.lesson-layout,.admin-grid{grid-template-columns:1fr}.lesson-aside{grid-template-columns:1fr 1fr;display:grid}.admin-stats{grid-template-columns:1fr 1fr}.admin-page{grid-template-columns:1fr}.admin-sidebar{display:none}}@media (max-width:600px){.app header{padding:0 4vw}.user>span{display:none}.app-body{width:92vw;padding-top:24px}.welcome{display:block}.overall{margin-top:18px}.stats,.lesson-grid,.lesson-aside{grid-template-columns:1fr}.question-card{padding:22px}.quiz-actions{gap:10px}.admin-stats{grid-template-columns:1fr}.result-card{padding:28px 18px}.login-card h2{font-size:30px}.table-card{overflow:auto}}.login-visual .visual-copy{z-index:4;border-left:5px solid var(--orange);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(100deg,#082f2dee 0%,#0a403bd9 72%,#0a403b8c 100%);border-radius:0 18px 18px 0;width:min(570px,43vw);padding:24px 26px 22px;box-shadow:0 20px 50px #04221f62}.login-visual .visual-copy .eyebrow{background:var(--orange);color:#15322f;letter-spacing:1.4px;border-radius:7px;align-items:center;margin-bottom:13px;padding:7px 11px;display:inline-flex;box-shadow:0 6px 16px #071f1d4d}.login-visual .visual-copy h1{color:#fff;text-shadow:0 4px 18px #001b18b8;letter-spacing:-1.5px;font-size:clamp(40px,4.5vw,66px);font-weight:900}.login-visual .visual-copy .headline-accent{color:#ffd38c;white-space:nowrap;position:relative}.login-visual .visual-copy .headline-accent:after{content:"";background:var(--orange);border-radius:5px;height:4px;position:absolute;bottom:-3px;left:0;right:0}.login-visual .visual-copy>p:last-child{color:#fff;text-shadow:0 2px 10px #001b18;font-weight:700}.login-visual .shield{z-index:3;box-shadow:0 0 0 8px #ffffff24,0 14px 34px #04221f78}.tablet-demo-page{background:radial-gradient(circle at 50% 10%,#edf8f4 0,#dcebe6 38%,#c9ddd7 100%);flex-direction:column;min-height:100vh;padding:18px 28px 22px;display:flex;overflow:auto}.demo-toolbar{color:#29433f;justify-content:space-between;align-items:center;width:min(1120px,100%);margin:0 auto 15px;font-size:13px;display:flex}.demo-toolbar>div{align-items:center;gap:9px;display:flex}.demo-toolbar strong{font-size:16px}.demo-toolbar>div>span:last-child{color:#6f7f7b;border-left:1px solid #adc5bf;padding-left:9px}.demo-live-dot{background:#20a37f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #20a37f18}.demo-toolbar-actions a,.demo-toolbar-actions button{color:#174f47;background:#ffffffa8;border:1px solid #9ebbb3;border-radius:9px;padding:8px 12px;font-weight:800;text-decoration:none}.demo-toolbar-actions button{color:#fff;background:#0f6b5d;border-color:#0f6b5d}.tablet-stage{flex:1;place-items:center;min-height:0;display:grid}.tablet-device{aspect-ratio:4/3;background:linear-gradient(145deg,#29322f,#0b1110 55%,#303b38);border-radius:34px;width:min(1024px,133.3vh - 166.625px,100vw - 56px);padding:18px;position:relative;box-shadow:0 32px 80px #18362f52,inset 0 3px #59625f,inset 0 -2px #000}.tablet-device:before,.tablet-device:after{content:"";background:#5d6865;height:2px;position:absolute;left:22%;right:22%}.tablet-device:before{top:4px}.tablet-device:after{bottom:4px}.tablet-screen{background:#f8f6ef;border-radius:20px;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 0 2px #000}.tablet-screen iframe{background:#f8f6ef;border:0;width:100%;height:100%;display:block}.tablet-camera{z-index:3;background:#071b1e;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #3d4744}.tablet-home-indicator{z-index:3;background:#66706d55;border-radius:8px;width:5px;height:42px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.demo-footnote{text-align:center;color:#45625d;margin:12px 0 0;font-size:12px}.demo-footnote strong{color:#0f6b5d}@media (max-width:700px){.tablet-demo-page{padding:12px}.demo-toolbar{margin-bottom:10px}.demo-toolbar>div>span:last-child,.demo-toolbar-actions a{display:none}.tablet-device{border-radius:22px;width:calc(100vw - 24px);padding:10px}.tablet-screen{border-radius:13px}.demo-footnote{margin-top:8px}}.login-visual .visual-copy .headline-accent:after{display:none}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}