.spt-body{margin:0;background:#f5f7f9!important}.spt,.spt *{box-sizing:border-box}.spt{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162b39;font-size:15px;line-height:1.6}.spt h1,.spt h2,.spt h3,.spt p{margin:0}.spt a{text-decoration:none;color:inherit}.spt a:focus-visible,.spt input:focus-visible{outline:3px solid #d19027;outline-offset:4px}.spt svg{width:22px;height:22px;flex:none}.spt-top{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1320px;margin:auto;padding:26px 5.2%}.spt-brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:750;letter-spacing:-1.2px}.spt-brand img{width:174px;height:auto;max-height:45px;object-fit:contain}.spt-brand-mark{background:#0e5c53;color:#fff;border-radius:11px;width:40px;text-align:center;font-size:29px}.spt-brand-sub{display:block;font-size:8px;letter-spacing:3px;margin-top:-9px}.spt-back{font-size:13px;color:#64737d!important}.spt-back span{margin-left:12px}.spt-login{max-width:1440px;margin:auto}.spt-login-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:7.5%;align-items:center;max-width:1180px;margin:34px auto 46px;padding:0 32px}.spt-welcome{padding:22px 0}.spt-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.2px;font-weight:750;color:#44746c}.spt-eyebrow>span{height:6px;width:6px;background:#377d6e;border-radius:50%}.spt-welcome h1{font-size:clamp(40px,4vw,58px);line-height:1.12;letter-spacing:-2.5px;font-weight:650;color:#142f37;margin:26px 0 19px}.spt-welcome em{font-style:normal;color:#28796b}.spt-intro{font-size:16px;color:#6c7b80;line-height:1.85}.spt-learning-art{position:relative;max-width:470px;height:235px;margin:30px 0 16px;overflow:hidden;border-radius:18px;background:linear-gradient(130deg,#e0eeea,#edf3ee 70%,#f0e6d1)}.spt-art-grid{position:absolute;inset:0;background-image:linear-gradient(#8ba99a12 1px,transparent 1px),linear-gradient(90deg,#8ba99a12 1px,transparent 1px);background-size:28px 28px}.spt-art-orbit{position:absolute;border:1px solid #87b19e40;width:250px;height:250px;border-radius:50%;left:180px;top:45px}.spt-art-card{position:absolute;left:44px;top:31px;width:280px;padding:20px;background:#ffffffed;border:1px solid #fff;border-radius:14px;box-shadow:0 12px 24px #1c50471a;transform:rotate(-4deg)}.spt-art-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e7f0e9;color:#417b62;margin-bottom:12px}.spt-art-card>span:not(.spt-art-icon){display:block;color:#7a8c85;font-size:10px}.spt-art-card strong{display:block;font-weight:650;font-size:20px;letter-spacing:-.6px;margin:2px 0 14px}.spt-art-lines{display:flex;gap:5px}.spt-art-lines i{height:5px;border-radius:5px;width:60px;background:#437f6b}.spt-art-lines i:last-child{background:#e1e9e4}.spt-art-badge{display:flex;align-items:center;gap:8px;position:absolute;right:18px;bottom:20px;padding:9px 13px;background:#fff9e9;border:1px solid #ead9ac;border-radius:9px;font-size:10px;color:#756340;box-shadow:0 4px 10px #5b68320a}.spt-art-badge svg{width:16px;height:16px}.spt-art-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#d4a752;right:55px;top:24px}.spt-welcome-foot{display:flex;justify-content:space-between;max-width:470px;font-size:8px;font-weight:700;letter-spacing:1.3px;color:#7c8984}.spt-signin-card{background:#fff;border:1px solid #e5e9e8;border-radius:20px;padding:35px 38px;box-shadow:0 16px 50px #193f3308}.spt-card-icon{display:grid;place-items:center;height:42px;width:42px;background:#f0f5f1;color:#43806b;border-radius:12px;margin-bottom:20px}.spt-signin-card h2{font-size:29px;line-height:1.25;font-weight:650;letter-spacing:-1px}.spt-muted{font-size:13px;color:#738088;margin-top:8px!important}.spt-google{margin-top:26px}.spt-google .nsl-container{padding:0!important;width:100%}.spt-google .nsl-container-buttons{width:100%;display:block!important}.spt-google a{display:block!important}.spt-google .nsl-button{border:1px solid #e0e5e3!important;border-radius:8px!important;box-shadow:none!important;width:100%!important;min-height:46px}.spt-divider{border-top:1px solid #e7ebe8;margin:27px 0 22px;text-align:center;line-height:0}.spt-divider span{font-size:10px;color:#8a938f;background:#fff;padding:0 10px}.spt #spt-loginform p{margin:0 0 16px}.spt #spt-loginform label:not([for=spt-remember]){display:block;font-size:12px;font-weight:600;color:#384c49;margin-bottom:7px}.spt #spt-loginform input[type=text],.spt #spt-loginform input[type=password]{width:100%;border:1px solid #dfe6e2;background:#fcfdfc;border-radius:8px;padding:11px 13px;font:inherit;height:46px}.spt #spt-loginform .login-remember{font-size:11px;color:#6c7874}.spt #spt-loginform input[type=checkbox]{accent-color:#286b58;vertical-align:middle;margin:0 7px 2px 0}.spt #spt-submit,.spt-primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#155b4e!important;color:#fff!important;border:0;border-radius:8px;font-size:13px;font-weight:650;padding:13px 15px;min-height:47px;cursor:pointer}.spt #spt-submit:hover,.spt-primary:hover{background:#104638!important}.spt-text-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#286b5e!important}.spt-text-link svg{width:15px}.spt-forgot{display:block;text-align:center;margin-top:-2px}.spt-access-note{display:flex;align-items:flex-start;gap:11px;border-top:1px solid #e9ece8;padding-top:21px;margin-top:24px;font-size:10px;color:#7c8781}.spt-access-note svg{width:17px;height:17px;color:#7c9286}.spt-access-note a{color:#3b6f5b;font-weight:600;text-decoration:underline;text-underline-offset:3px}.spt-notice{padding:17px;background:#eef5f1;margin:25px 0 18px;border-radius:8px;font-size:13px}.spt-notice+.spt-primary{margin-bottom:18px}.spt-login-footer{max-width:1180px;margin:auto;padding:24px 32px;border-top:1px solid #e0e6e1;display:flex;justify-content:space-between;font-size:10px;color:#8a938e}.spt-preview-note{font:11px/1.5 system-ui;background:#fff3d4;color:#745d25;text-align:center;padding:7px 16px}.spt-preview-note a{color:#4c674b;text-decoration:underline;margin-left:12px}
.spt-dashboard .spt-top{max-width:none;background:#fff;border-bottom:1px solid #e8ecee;padding:20px 35px}.spt-account{display:flex;align-items:center;gap:10px;font-size:12px}.spt-avatar{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:#e3eee7;color:#396f5c;font-weight:700}.spt-account>a{border-left:1px solid #e6e9e8;margin-left:7px;padding-left:15px;font-size:11px;color:#78837e}.spt-dash-layout{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 85px)}.spt-sidebar{background:#fff;border-right:1px solid #e8ecee;padding:38px 22px;display:flex;flex-direction:column}.spt-nav-label{font-size:8px;letter-spacing:1.5px;color:#9aa49f;font-weight:700;padding:0 14px;margin-bottom:20px}.spt-sidebar nav{display:grid;gap:6px}.spt-sidebar nav a{display:flex;align-items:center;gap:11px;border-radius:8px;padding:11px 14px;color:#839089;font-size:12px}.spt-sidebar nav svg{width:19px;height:19px}.spt-sidebar nav a.spt-nav-current{background:#eaf2ed;color:#286b51;font-weight:650}.spt-sidebar-help{background:#f6f8f5;border:1px solid #ecf0e8;border-radius:12px;padding:18px 16px;margin-top:70px}.spt-sidebar-help>svg{color:#708b74;margin-bottom:10px}.spt-sidebar-help strong{display:block;font-size:12px;line-height:1.5;font-weight:650}.spt-sidebar-help p{font-size:10px;color:#849086;margin:9px 0 14px}.spt-sidebar-help a{display:flex;align-items:center;gap:8px;color:#42765c;font-size:10px;font-weight:650}.spt-sidebar-help a svg{width:14px}.spt-dash-main{padding:36px 4.5% 0;min-width:0}.spt-dash-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.spt-dash-heading h1{font-size:clamp(24px,2.3vw,33px);font-weight:620;letter-spacing:-1.1px;line-height:1.3;margin-top:9px}.spt-dash-heading .spt-eyebrow{font-size:8px;letter-spacing:1.8px}.spt-member-tag{display:flex;align-items:center;gap:6px;border:1px solid #dfe8df;border-radius:30px;padding:6px 10px;font-size:9px;color:#749078;white-space:nowrap}.spt-member-tag svg{width:13px;height:13px}.spt-dash-hero{position:relative;display:flex;justify-content:space-between;gap:20px;background:#154d42;border-radius:15px;padding:30px 35px;margin:28px 0 30px;color:#fff;overflow:hidden}.spt-dash-hero .spt-eyebrow{color:#a5c4aa;font-size:8px;letter-spacing:1.7px}.spt-dash-hero h2{color:#fff;font-size:35px;line-height:1.1;letter-spacing:-1px;font-weight:550;margin:13px 0}.spt-dash-hero p{font-size:11px;color:#b6ccc1;line-height:1.7}.spt-hero-link{display:inline-flex;align-items:center;gap:18px;background:#e8e4c9;color:#294f40!important;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:650;margin-top:20px}.spt-hero-link svg{width:15px;height:15px}.spt-hero-symbol{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;border:1px solid #a7c8ac40;border-radius:50%;width:210px;height:210px;flex:none;transform:rotate(-9deg);align-self:center;margin-right:30px;background:linear-gradient(130deg,#7da58a20,#a2c9a30a)}.spt-hero-symbol>svg{width:65px;height:65px;color:#d8d8aa}.spt-hero-symbol>span{text-align:center;line-height:1.8;font-size:8px;letter-spacing:3px;color:#afc4a4}.spt-section{scroll-margin-top:30px}.spt-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.spt-section-heading h2{font-size:20px;font-weight:650;letter-spacing:-.4px}.spt-count{display:inline-block;background:#e7eeea;color:#51836d;border-radius:5px;padding:1px 6px;font-size:11px;vertical-align:middle;margin-left:5px}.spt-section-heading p{font-size:11px;color:#909c95;margin-top:4px}.spt-section-label{color:#a0aaa4;font-size:8px;letter-spacing:1.8px}.spt-empty{background:#fff;border:1px solid #e5eae7;border-radius:12px;text-align:center;padding:30px 20px}.spt-empty-icon{display:grid;place-items:center;height:44px;width:44px;border-radius:12px;background:#f0f5ef;color:#7c987c;margin:0 auto 13px}.spt-empty h3{font-size:17px;font-weight:600;letter-spacing:-.3px}.spt-empty p{color:#8b9790;font-size:11px;margin-top:7px;line-height:1.9}.spt-outline{display:inline-flex;align-items:center;gap:12px;font-size:10px;padding:7px 11px;border:1px solid #dae5db;color:#537e61!important;border-radius:6px;margin-top:17px}.spt-outline svg{width:14px;height:14px}.spt-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.spt-panel{scroll-margin-top:20px;background:#fff;border:1px solid #e5eae7;border-radius:12px;padding:22px}.spt-panel-icon{display:grid;place-items:center;height:30px;width:30px;border-radius:8px;background:#f7f4eb;color:#a6976a;margin-bottom:14px}.spt-panel-icon svg{width:18px;height:18px}.spt-panel h2{font-size:15px;font-weight:650;margin-bottom:9px}.spt-panel p{font-size:11px;color:#8c968e;line-height:1.9}.spt-status{display:inline-block;background:#f6f3e8;color:#9c8c58;border-radius:4px;font-size:9px;padding:4px 7px;margin-top:13px}.spt-panel dl{margin:0 0 8px}.spt-panel dl>div{display:grid;grid-template-columns:55px 1fr;font-size:11px;padding:5px 0;gap:10px}.spt-panel dt{color:#a0a99f}.spt-panel dd{margin:0;overflow-wrap:anywhere;color:#5e7164}.spt-dash-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a0a99f;padding:18px 0;border-top:1px solid #e4e9e4}.spt-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.spt-course{background:#fff;border:1px solid #e5eae7;border-radius:12px;overflow:hidden}.spt-course-cover{height:95px;background:#e7efdf;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#78966a}.spt-course-cover span{font-size:7px;letter-spacing:2px}.spt-course-body{padding:18px}.spt-course h3{font-size:15px;line-height:1.5;min-height:45px}.spt-progress-label{display:flex;justify-content:space-between;font-size:9px;color:#8d9a8e;margin:15px 0 4px}.spt progress{width:100%;height:5px;accent-color:#5f8768;display:block}.spt-course-link{display:flex;justify-content:space-between;align-items:center;color:#4c7959!important;border-top:1px solid #edf1e9;margin-top:18px;padding-top:12px;font-size:10px;font-weight:650}.spt-course-link svg{height:16px;width:16px}.spt-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;font-size:12px}
@media(max-width:1000px){.spt-login-grid{gap:5%;padding:0 24px}.spt-signin-card{padding:30px 26px}.spt-learning-art{height:220px}.spt-art-card{left:22px;width:260px}.spt-dash-layout{grid-template-columns:200px minmax(0,1fr)}.spt-sidebar{padding:30px 14px}.spt-hero-symbol{width:160px;height:160px;margin-right:0}.spt-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spt-member-tag{display:none}.spt-dash-main{padding:28px 24px 0}.spt-account>span:not(.spt-avatar){max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:700px){.spt-top{padding:20px 22px}.spt-brand img{width:148px}.spt-back{font-size:10px}.spt-login-grid{grid-template-columns:1fr;margin:12px auto 25px;max-width:480px;padding:0 22px;gap:24px}.spt-welcome{padding:10px 0 0}.spt-welcome h1{font-size:40px;letter-spacing:-1.7px;margin:16px 0 12px}.spt-intro{font-size:13px}.spt-learning-art,.spt-welcome-foot{display:none}.spt-signin-card{padding:25px 24px;border-radius:15px}.spt-signin-card h2{font-size:26px}.spt-card-icon{display:none}.spt-login-footer{padding:20px 22px;font-size:8px}.spt-login-footer>span:last-child{display:none}.spt-dashboard .spt-top{padding:18px 20px}.spt-account{gap:7px}.spt-account>span:not(.spt-avatar){display:none}.spt-account>a{border:0;margin:0;padding-left:4px;font-size:10px}.spt-dash-layout{display:block}.spt-sidebar{padding:14px 18px 0;border:0;background:transparent}.spt-nav-label,.spt-sidebar-help{display:none}.spt-sidebar nav{display:flex;overflow:auto;gap:5px;padding-bottom:5px}.spt-sidebar nav a{padding:8px 10px;gap:6px;white-space:nowrap;font-size:10px}.spt-sidebar nav svg{width:16px;height:16px}.spt-dash-main{padding:20px 20px 0}.spt-dash-heading h1{font-size:25px}.spt-dash-hero{padding:25px;margin:22px 0}.spt-dash-hero h2{font-size:32px}.spt-hero-symbol{width:105px;height:105px;margin-right:-55px;opacity:.45;position:absolute;right:20px;top:35px}.spt-hero-symbol>svg{width:45px;height:45px}.spt-hero-symbol>span{display:none}.spt-dash-hero>div:first-child{position:relative;z-index:1}.spt-section-label{display:none}.spt-bottom-grid{grid-template-columns:1fr;gap:14px}.spt-course-grid{grid-template-columns:1fr}.spt-empty{padding:26px 16px}.spt-empty p br{display:none}.spt-dash-footer{font-size:8px}.spt-preview-note{font-size:9px}.spt-preview-note a{display:inline-block;margin-left:5px}}
@media(prefers-reduced-motion:no-preference){.spt{scroll-behavior:smooth}.spt a,.spt input[type=submit]{transition:background .15s ease,color .15s ease}}
.spt .spt-empty p,.spt .spt-panel p,.spt .spt-section-heading p,.spt .spt-muted{color:#66766d}.spt .spt-empty p,.spt .spt-panel p{font-size:12px}.spt .spt-panel dt{color:#737f73}.spt .spt-access-note{color:#67776b;font-size:11px}.spt .spt-signin-card .spt-text-link{font-size:12px}
.spt-record{font-size:13px;color:#526872;margin:0 0 20px!important}.spt-test-panel{margin:14px 0}.spt-test-panel h3{font-size:19px;margin-bottom:8px}.spt-test-panel p{margin:10px 0}.spt-results-scroll{overflow-x:auto}.spt-results{width:100%;border-collapse:collapse;text-align:left;font-size:14px;margin-top:18px}.spt-results caption{text-align:left;font-size:12px;color:#64737d;margin-bottom:8px}.spt-results th,.spt-results td{padding:12px 10px;border-bottom:1px solid #e4e9e7;white-space:nowrap}.spt-results th{background:#edf4f1;color:#315e54}@media(max-width:600px){.spt-record{font-size:11px}.spt-results{font-size:12px}.spt-results th,.spt-results td{padding:9px 7px}}