@media (min-width:230px) and (max-width:300px){.mycourses-container,.support-page,.tutor-container,.tutors-page{padding-left:12px!important;padding-right:12px!important}.login-title,.mycourses-header h1,.support-container>header h1,.tutor-header h1,.tutors-header h1{font-size:1.45rem!important;line-height:1.18!important}.login-subtitle,.mycourses-header p,.support-container>header p,.tutor-header p,.tutors-header p{font-size:.82rem!important;line-height:1.45!important}.course-card,.support-card,.tutor-card{border-radius:15px!important}.support-card{padding:14px!important}.support-card h2{font-size:1.05rem!important}.support-form{gap:10px!important}.support-form label{font-size:.76rem!important}.support-form input,.support-form select{min-height:40px!important;padding:8px 10px!important;font-size:.78rem!important}.support-form textarea{min-height:110px!important;padding:9px 10px!important;font-size:.78rem!important}.support-form button{min-height:38px!important;padding:8px 10px!important;font-size:.76rem!important}.tutors-header{padding:20px 16px!important;border-radius:18px!important}.tutors-search{max-width:none!important;margin-bottom:16px!important}.tutors-search input{height:42px!important;font-size:.8rem!important}.course-grid,.tutors-grid{grid-template-columns:1fr!important;gap:12px!important}.tutor-card{padding:15px!important}.tutor-avatar,.tutor-avatar img{width:48px!important;height:48px!important;flex-basis:48px!important}.tutor-top h3{font-size:.95rem!important}.tutor-bio,.tutor-meta,.tutor-top p{font-size:.76rem!important}.tutor-btn{margin-top:12px!important;padding:9px 11px!important;font-size:.78rem!important}.mycourses-container{padding-top:18px!important}.mycourses-header{margin-bottom:18px!important;gap:10px!important}.page-tag{padding:6px 10px!important;font-size:.72rem!important}.create-btn{min-height:38px!important;padding:8px 12px!important;font-size:.78rem!important}.course-content{padding:14px!important}.course-content h3{font-size:1rem!important}.course-content p,.course-stats{font-size:.76rem!important}.course-actions{align-items:stretch!important}.course-actions>*{min-height:36px!important}.tutor-header{gap:12px!important}.tutor-header-actions{gap:8px!important}.tutor-stats{gap:12px!important}.stat-card{padding:15px!important;min-height:90px!important}.login-container,.login-content{max-width:100%!important}.login-form{padding:18px!important}.input-group label{font-size:.78rem!important}.input-wrapper input{min-height:42px!important;font-size:.82rem!important}.login-btn{min-height:40px!important;padding:8px 12px!important;font-size:.82rem!important}.workspace-modal{font-size:12px!important}.workspace-modal footer{grid-template-columns:repeat(2,minmax(0,120px))!important;justify-content:end!important;gap:8px!important}.workspace-modal footer button{min-height:34px!important;padding:6px 9px!important;font-size:11px!important}}@media (min-width:301px) and (max-width:600px){.mycourses-container,.support-page,.tutor-container,.tutors-page{padding-left:12px!important;padding-right:12px!important}.login-title,.mycourses-header h1,.support-container>header h1,.tutor-header h1,.tutors-header h1{font-size:1.45rem!important;line-height:1.18!important}.login-subtitle,.mycourses-header p,.support-container>header p,.tutor-header p,.tutors-header p{font-size:.82rem!important;line-height:1.45!important}.course-card,.support-card,.tutor-card{border-radius:15px!important}.support-card{padding:14px!important}.support-card h2{font-size:1.05rem!important}.support-form{gap:10px!important}.support-form label{font-size:.76rem!important}.support-form input,.support-form select{min-height:40px!important;padding:8px 10px!important;font-size:.78rem!important}.support-form textarea{min-height:110px!important;padding:9px 10px!important;font-size:.78rem!important}.support-form button{min-height:38px!important;padding:8px 10px!important;font-size:.76rem!important}.tutors-header{padding:20px 16px!important;border-radius:18px!important}.tutors-search{max-width:none!important;margin-bottom:16px!important}.tutors-search input{height:42px!important;font-size:.8rem!important}.course-grid,.tutors-grid{grid-template-columns:1fr!important;gap:12px!important}.tutor-card{padding:15px!important}.tutor-avatar,.tutor-avatar img{width:48px!important;height:48px!important;flex-basis:48px!important}.tutor-top h3{font-size:.95rem!important}.tutor-bio,.tutor-meta,.tutor-top p{font-size:.76rem!important}.tutor-btn{margin-top:12px!important;padding:9px 11px!important;font-size:.78rem!important}.mycourses-container{padding-top:18px!important}.mycourses-header{margin-bottom:18px!important;gap:10px!important}.page-tag{padding:6px 10px!important;font-size:.72rem!important}.create-btn{min-height:38px!important;padding:8px 12px!important;font-size:.78rem!important}.course-content{padding:14px!important}.course-content h3{font-size:1rem!important}.course-content p,.course-stats{font-size:.76rem!important}.course-actions{align-items:stretch!important}.course-actions>*{min-height:36px!important}.tutor-header{gap:12px!important}.tutor-header-actions{gap:8px!important}.tutor-stats{gap:12px!important}.stat-card{padding:15px!important;min-height:90px!important}.login-container,.login-content{max-width:100%!important}.login-form{padding:18px!important}.input-group label{font-size:.78rem!important}.input-wrapper input{min-height:42px!important;font-size:.82rem!important}.login-btn{min-height:40px!important;padding:8px 12px!important;font-size:.82rem!important}.workspace-modal{font-size:12px!important}.workspace-modal footer{grid-template-columns:repeat(2,minmax(0,120px))!important;justify-content:end!important;gap:8px!important}.workspace-modal footer button{min-height:34px!important;padding:6px 9px!important;font-size:11px!important}}@media (min-width:230px) and (max-width:300px){#root,body,html{width:100%;max-width:100%;min-width:0;overflow-x:hidden}*,:after,:before{box-sizing:border-box}canvas,iframe,img,svg,video{max-width:100%}.account-flow-page,.assistance-page,.courses-container,.mycourses-container,.profile-page,.support-page,.tutor-container,.tutors-page{width:100%!important;max-width:100%!important;min-width:0!important;padding-left:7px!important;padding-right:7px!important;overflow-x:hidden!important}.assistance-grid,.assistance-shell,.course-grid,.support-grid,.tutors-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important}.account-flow-card,.account-flow-form,.assistance-form,.assistance-intro,.assistance-shell,.course-card,.course-content,.profile-card,.profile-hero,.support-card,.tutor-card{min-width:0!important;max-width:100%!important;width:100%!important}.course-content,.profile-card,.support-card,.tutor-card{padding:10px!important}.mycourses-container{padding-top:12px!important}.mycourses-header{gap:6px!important;margin-bottom:10px!important}.mycourses-header h1{font-size:1.25rem!important}.create-btn{min-height:32px!important;padding:6px 7px!important;font-size:9px!important}.course-actions{grid-template-columns:1fr!important;gap:5px!important}.course-actions>*{width:100%!important;min-width:0!important;min-height:31px!important;padding:5px!important;font-size:8.5px!important}.course-actions>*,.students-count-btn{max-width:100%!important;white-space:normal!important}.students-count-btn{padding:5px 7px!important;font-size:8px!important}.courses-hero{padding:22px 0!important}.courses-search-card,.filters-panel{padding:8px!important;gap:6px!important}.course-content h3{font-size:.92rem!important;overflow-wrap:anywhere}.course-content p,.course-stats{font-size:9px!important;overflow-wrap:anywhere}.profile-page{padding-top:12px!important}.profile-card,.profile-hero{padding:13px!important;border-radius:14px!important}.profile-hero h1{font-size:1.35rem!important}.profile-card input,.profile-card select,.profile-card textarea{min-width:0!important;width:100%!important;font-size:10px!important}.assistance-page{padding-top:10px!important;padding-bottom:10px!important}.assistance-shell{border-radius:14px!important}.assistance-form,.assistance-intro{padding:13px!important}.assistance-intro h1{font-size:1.35rem!important;overflow-wrap:anywhere}.assistance-intro p,.assistance-note{font-size:9px!important;line-height:1.45!important}.assistance-note{padding:8px!important;margin-top:10px!important}.assistance-form{gap:9px!important}.assistance-form input,.assistance-form select,.assistance-form textarea{min-width:0!important;padding:7px!important;font-size:9px!important}.account-flow-page{padding-top:14px!important;padding-bottom:14px!important}.account-flow-card{padding:13px!important;border-radius:14px!important}.account-flow-card:before{font-size:7px!important;letter-spacing:.07em!important}.account-flow-card h1{font-size:1.35rem!important;overflow-wrap:anywhere}.account-flow-card p{font-size:9px!important;line-height:1.45!important}.account-flow-form{padding:9px!important;gap:8px!important}.account-flow-form input,.account-flow-form select,.account-flow-form textarea{min-width:0!important;width:100%!important;padding:7px!important;font-size:9px!important}.pt-confirm-backdrop{padding:5px!important}.pt-confirm-card{min-width:0!important;max-width:100%!important;padding:12px!important;border-radius:14px!important}}@media (min-width:601px) and (max-width:820px){.mycourses-container,.support-page,.tutor-container,.tutors-page{padding:24px 18px!important}.mycourses-header h1,.support-container>header h1,.tutor-header h1,.tutors-header h1{font-size:1.65rem!important}.mycourses-header p,.support-container>header p,.tutor-header p,.tutors-header p{font-size:.86rem!important}.support-grid{grid-template-columns:1fr!important;gap:14px!important}.support-card{padding:17px!important;border-radius:16px!important}.support-form input,.support-form select{min-height:42px!important;padding:9px 11px!important;font-size:.82rem!important}.support-form textarea{min-height:125px!important;font-size:.82rem!important}.support-form button{min-height:40px!important;padding:9px 12px!important;font-size:.8rem!important}.tutors-header{padding:23px!important;border-radius:20px!important}.course-grid,.tutors-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.course-content,.tutor-card{padding:16px!important}.course-content h3,.tutor-top h3{font-size:1rem!important}.course-content p,.course-stats,.tutor-bio,.tutor-meta,.tutor-top p{font-size:.78rem!important}.create-btn,.delete-btn,.edit-btn,.tutor-btn{font-size:.78rem!important;padding:9px 11px!important}.course-actions{gap:8px!important;align-items:stretch!important}.course-actions>*{min-height:38px!important}.workspace-modal{width:min(540px,calc(100vw - 145px))!important;padding:18px!important}.workspace-modal input,.workspace-modal select,.workspace-modal textarea{font-size:13px!important;padding:9px 10px!important}.workspace-modal footer{grid-template-columns:repeat(2,135px)!important}.workspace-modal footer button{min-height:36px!important;padding:7px 10px!important;font-size:12px!important}}@media (min-width:821px) and (max-width:960px){.mycourses-container,.support-page,.tutor-container,.tutors-page{padding:28px 22px!important}.mycourses-header h1,.support-container>header h1,.tutor-header h1,.tutors-header h1{font-size:1.85rem!important}.support-grid{grid-template-columns:1.05fr .95fr!important;gap:15px!important}.support-card{padding:18px!important}.support-form input,.support-form select{min-height:43px!important;font-size:.86rem!important}.support-form textarea{min-height:135px!important;font-size:.86rem!important}.support-form button{min-height:40px!important;font-size:.82rem!important}.tutors-header{padding:26px!important}.course-grid,.tutors-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}.course-content,.tutor-card{padding:18px!important}.tutor-top h3{font-size:1.05rem!important}.tutor-bio,.tutor-meta,.tutor-top p{font-size:.82rem!important}.course-actions>*{min-height:40px!important}.workspace-modal{width:min(600px,calc(100vw - 48px))!important}.workspace-modal footer{grid-template-columns:repeat(2,150px)!important}}@media (min-width:961px){.login-form input,.support-form input,.support-form select{min-height:44px}.course-actions>*,.create-btn,.support-form button,.tutor-btn,.workspace-modal footer button{min-height:40px}.workspace-modal footer{grid-template-columns:repeat(2,150px)!important;justify-content:end!important;align-items:center!important}.workspace-modal footer button{width:100%!important;padding:8px 12px!important}.course-actions{align-items:stretch}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-family:Inter,system-ui,sans-serif}body{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.label{margin-bottom:.375rem;display:block;font-size:.875rem;line-height:1.25rem;color:rgb(55 65 81/var(--tw-text-opacity,1))}.label,.link{font-weight:500;--tw-text-opacity:1}.link{color:rgb(37 99 235/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.link:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-primary-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.bg-\[\#F6F7F9\]{--tw-bg-opacity:1;background-color:rgb(246 247 249/var(--tw-bg-opacity,1))}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.blur{--tw-blur:blur(8px)}.blur,.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.page-transition-loader{position:fixed;inset:0;z-index:9999;background:#f7faf8ef;backdrop-filter:blur(7px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#0a3f24}.page-loader-mark{width:58px;height:58px;border-radius:17px;background:#0a3f24;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;box-shadow:0 16px 36px #0a3f2435}.page-loader-line{width:min(250px,65vw);height:5px;background:#dce8e0;border-radius:99px;overflow:hidden}.page-loader-line span{display:block;height:100%;width:45%;background:#08743e;border-radius:inherit;animation:pageLoad 1s ease-in-out infinite}@keyframes pageLoad{0%{transform:translateX(-110%)}to{transform:translateX(245%)}}.pt-legal-consent{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;margin:12px 0;border:1px solid #cfe0d6;border-radius:12px;background:#f6fbf8;color:#25364a;font-size:.88rem;line-height:1.45}.pt-legal-consent input{margin-top:3px;accent-color:#075c35;flex:0 0 auto}.pt-legal-consent strong{color:#064b2c}.pt-confirm-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(4,15,24,.64);display:grid;place-items:center;padding:20px}.pt-confirm-card{width:min(460px,100%);background:#fff;border:1px solid #dce8e2;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:26px}.pt-confirm-card small{font-weight:800;letter-spacing:.12em;color:#08733f}.pt-confirm-card h3{margin:8px 0;color:#101c2e;font-size:1.35rem}.pt-confirm-card p{color:#5b6876;line-height:1.55}.pt-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.pt-confirm-actions button{border-radius:11px;padding:11px 18px;border:1px solid #d1ddd7;background:#fff;font-weight:700}.pt-confirm-actions .danger{background:#9f2d24;color:#fff;border-color:#9f2d24}html{font-size:16px}body,button,input,select,textarea{font-size:1rem}@media(max-width:768px){html{font-size:14px}button,input,select,textarea{font-size:13px}h1{font-size:1.7rem!important}h2{font-size:1.3rem!important}h3{font-size:1.05rem!important}}@media(max-width:380px){html{font-size:13px}button,input,select,textarea{font-size:12px}}@media(max-width:768px){.auth-page,.course-detail-page,.dashboard-page,.page-shell{--mobile-control-height:38px}button:not(.nav-mobile-toggle):not(.material-close-btn){min-height:34px}.card,.panel,form{max-width:100%}}html[data-theme=blue] #root,html[data-theme=blue] body{background:#123a68!important;min-height:100vh}html[data-theme=black] #root,html[data-theme=black] body{background:#000!important;min-height:100vh}html[data-theme=charcoal] #root,html[data-theme=charcoal] body{background:#30363d!important;min-height:100vh}html[data-theme=blue] .app,html[data-theme=blue] .main-content,html[data-theme=blue] main{background-color:#123a68}html[data-theme=black] .app,html[data-theme=black] .main-content,html[data-theme=black] main{background-color:#000}html[data-theme=charcoal] .app,html[data-theme=charcoal] .main-content,html[data-theme=charcoal] main{background-color:#30363d}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;.base,.framework,.vite{inset-inline:0;margin:0 auto}.base{width:170px;position:relative;z-index:0}.framework,.vite{position:absolute}.framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1;@media (max-width:1024px){padding-left:20px;padding-bottom:24px;padding-right:20px;padding-top:32px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left;&>div{flex:1 1 0;padding:32px;@media (max-width:1024px){padding-left:20px;padding-bottom:24px;padding-right:20px;padding-top:24px}}.icon{margin-bottom:16px;width:22px;height:22px}@media (max-width:1024px){flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border);@media (max-width:1024px){border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-bottom-color:var(--border);border-bottom-style:solid;border-bottom-width:1px}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0;.logo{height:18px}a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s;&:hover{box-shadow:var(--shadow)}.button-icon{height:18px;width:18px}}@media (max-width:1024px){margin-top:20px;flex-wrap:wrap;justify-content:center;li{flex:1 1 calc(50% - 8px)}a{width:100%;justify-content:center;box-sizing:border-box}}}#spacer{height:88px;border-top:1px solid var(--border);@media (max-width:1024px){height:48px}}.ticks{position:relative;width:100%;&:after,&:before{content:"";position:absolute;top:-4.5px;border:5px solid transparent}&:before{left:0;border-left-color:var(--border)}&:after{right:0;border-right-color:var(--border)}}