@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.login-right{flex:1;background-color:#fff;display:flex;justify-content:center;align-items:center}.login-box{background:#fff;padding:65px;width:680px;border-radius:10px;text-align:center;box-shadow:0 10px 25px #0003}.login-box h2{font-size:40px;margin-bottom:18px;color:#553f9a}.login-box input{width:100%;padding:22px;margin-bottom:26px;border-radius:12px;border:1px solid #ccc;font-size:20px;background-color:#fff;color:#000}.login-box button{width:100%;padding:22px;background:#553f9a;border:none;color:#fff;font-size:22px;border-radius:12px;margin-top:12px;cursor:pointer}@media(max-width:900px){.register-right{display:none}.register-left{flex:1}.register-box{width:90%;padding:40px}}.register-box input{width:100%;height:64px;padding:0 22px;margin-bottom:26px;border-radius:12px;border:1px solid #ccc;font-size:20px}.register-box input:focus{outline:none;border-color:#553f9a}.register-box select{width:100%;height:64px;padding:0 22px;margin-bottom:26px;border-radius:12px;border:1px solid #ccc;font-size:20px;background-color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.register-box select:focus{outline:none;border-color:#553f9a}.register-box button:hover{background:#5e4c96}.right-content{display:flex;flex-direction:column;align-items:center;text-align:center}.register-illustration{width:420px;max-width:80%}.brand-name{margin-top:28px;font-size:48px;font-weight:700;color:#fff;letter-spacing:2px}@media(max-width:900px){.register-right{display:none}.register-box{width:90%;padding:40px}}.register-container{height:100vh;width:100vw;display:flex}.register-left{flex:1;background-color:#fff;display:flex;justify-content:center;align-items:center}.register-box{background:#fff;padding:65px;width:680px;border-radius:10px;text-align:center;box-shadow:0 10px 25px #0003}.register-box h2{font-size:40px;margin-bottom:18px;color:#553f9a}.register-box p{font-size:20px;color:#553f9a;margin-bottom:45px}.register-box input{width:100%;padding:22px;margin-bottom:26px;border-radius:12px;border:1px solid #ccc;font-size:20px}.register-box button{width:100%;padding:22px;background:#553f9a;border:none;color:#fff;font-size:22px;border-radius:12px;margin-top:12px;cursor:pointer}.register-right{flex:1;background-color:#553f9a;display:flex;justify-content:center;align-items:center}.right-content{display:flex;flex-direction:column;align-items:center}.register-illustration{width:420px}.brand-name{margin-top:28px;font-size:48px;color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #5c35b5;--purple-dark: #4a27a0;--purple-deeper: #3b1f85;--purple-light: #7b5dc9;--purple-pale: #ede8fb;--purple-bg: #f4f1fd;--circle-color: rgba(255, 255, 255, .15);--white: #ffffff;--text-dark: #1a1a2e;--text-body: #4a4a6a;--text-muted: #8888aa;--border: #e2ddf5;--shadow-sm: 0 2px 12px rgba(92, 53, 181, .1);--shadow-md: 0 8px 32px rgba(92, 53, 181, .15);--shadow-lg: 0 20px 60px rgba(92, 53, 181, .2)}body{font-family:Poppins,sans-serif;background:var(--white);color:var(--text-dark);overflow-x:hidden;line-height:1.6}@keyframes float-circle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.04)}}@keyframes pulse-ring{0%{box-shadow:0 0 #5c35b566}70%{box-shadow:0 0 0 10px #5c35b500}to{box-shadow:0 0 #5c35b500}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.sl-page{min-height:100vh;background:var(--white)}.sl-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--white);border-bottom:1px solid transparent;padding:0 60px;height:68px;display:flex;align-items:center;justify-content:space-between;transition:border-color .3s,box-shadow .3s}.sl-nav.scrolled{border-color:var(--border);box-shadow:var(--shadow-sm)}.sl-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.sl-nav-logo-img{width:40px;height:40px;object-fit:contain;border-radius:6px;background:transparent;padding:3px}.sl-nav-logo-text{font-size:21px;font-weight:700;color:var(--purple)}.sl-nav-links{display:flex;align-items:center;gap:32px}.sl-nav-link{color:var(--text-body);text-decoration:none;font-size:16px;font-weight:500;transition:color .2s}.sl-nav-link:hover{color:var(--purple)}.sl-nav-actions{display:flex;align-items:center;gap:10px}.sl-btn-nav-login{padding:9px 22px;border-radius:8px;border:1.5px solid var(--purple);background:transparent;color:var(--purple);font-size:15px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s}.sl-btn-nav-login:hover{background:var(--purple-pale)}.sl-btn-nav-signup{padding:9px 22px;border-radius:8px;border:none;background:var(--purple);color:var(--white);font-size:15px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s}.sl-btn-nav-signup:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sl-login-dropdown-wrap{position:relative}.sl-login-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:240px;background:var(--white);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #5c35b52e;padding:8px;z-index:200;animation:dropdown-in .18s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sl-login-option{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;text-decoration:none;transition:background .15s;cursor:pointer}.sl-login-option:hover{background:var(--purple-bg)}.sl-login-option-icon{width:38px;height:38px;border-radius:10px;background:var(--purple-pale);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sl-login-option-title{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:2px}.sl-login-option-sub{font-size:11.5px;color:var(--text-muted)}.sl-login-option-divider{height:1px;background:var(--border);margin:4px 6px}.sl-hero{min-height:100vh;display:flex;padding-top:68px}.sl-hero-left{width:50%;background:var(--purple);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 52px;overflow:hidden}.sl-hero-circle{position:absolute;border-radius:50%;background:var(--circle-color);pointer-events:none}.sl-hero-circle.c1{width:260px;height:260px;top:-70px;left:-80px;animation:float-circle 7s ease-in-out infinite}.sl-hero-circle.c2{width:180px;height:180px;bottom:40px;right:-50px;animation:float-circle 9s ease-in-out 1s infinite}.sl-hero-circle.c3{width:100px;height:100px;bottom:200px;left:20px;animation:float-circle 6s ease-in-out .5s infinite}.sl-hero-left-content{position:relative;z-index:2;text-align:center;color:var(--white)}.sl-hero-svg-wrap{width:280px;height:300px;margin:0 auto 16px}.sl-hero-brand{font-size:38px;font-weight:800;color:var(--white);letter-spacing:-.5px;margin-bottom:10px}.sl-hero-tagline{font-size:16px;font-weight:400;color:#ffffffc7;line-height:1.65;max-width:280px;margin:0 auto}.sl-hero-right{width:50%;background:#f7f5ff;display:flex;align-items:center;justify-content:center;padding:80px 60px}.sl-hero-right-inner{max-width:520px;width:100%}.sl-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--purple-pale);border:1px solid var(--border);color:var(--purple);font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:6px 16px;border-radius:999px;margin-bottom:20px}.sl-hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--purple);animation:pulse-ring 2s ease infinite;flex-shrink:0}.sl-hero-title{font-size:clamp(34px,3.5vw,52px);font-weight:800;line-height:1.15;letter-spacing:-1px;color:var(--text-dark);margin-bottom:16px}.sl-hero-title span{color:var(--purple)}.sl-hero-desc{font-size:16.5px;color:var(--text-body);line-height:1.75;margin-bottom:30px;max-width:460px}.sl-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.sl-cta-primary{display:inline-block;padding:14px 32px;border-radius:10px;background:var(--purple);border:none;color:var(--white);font-size:16px;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 18px #5c35b559}.sl-cta-primary:hover{background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 8px 26px #5c35b573}.sl-cta-secondary{display:inline-block;padding:14px 32px;border-radius:10px;background:var(--white);border:1.5px solid var(--border);color:var(--text-dark);font-size:16px;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;cursor:pointer;transition:all .2s}.sl-cta-secondary:hover{border-color:var(--purple);color:var(--purple);transform:translateY(-2px)}.sl-hero-stats{display:flex;gap:28px;padding-top:28px;border-top:1px solid var(--border)}.sl-hero-stat-num{font-size:25px;font-weight:800;color:var(--purple);line-height:1}.sl-hero-stat-label{font-size:13px;color:var(--text-muted);margin-top:3px;font-weight:500}.sl-section-label{text-align:center;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--purple);margin-bottom:8px}.sl-section-title{text-align:center;font-size:clamp(28px,3vw,40px);font-weight:800;color:var(--text-dark);letter-spacing:-.6px;margin-bottom:48px}.sl-how{padding:90px 60px;background:var(--white)}.sl-steps{max-width:920px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sl-step{text-align:center;padding:32px 22px;border-radius:16px;background:var(--white);border:1.5px solid var(--border);transition:all .25s}.sl-step:hover{border-color:var(--purple);box-shadow:var(--shadow-md);transform:translateY(-4px)}.sl-step-num{width:54px;height:54px;border-radius:50%;background:var(--purple);color:var(--white);font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.sl-step-title{font-size:17px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.sl-step-desc{font-size:15px;color:var(--text-body);line-height:1.7}.sl-features{padding:90px 60px;background:var(--purple-bg)}.sl-features-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sl-feature-card{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:28px 24px;display:flex;gap:18px;align-items:flex-start;transition:all .25s}.sl-feature-card:hover{border-color:var(--purple);box-shadow:var(--shadow-md);transform:translateY(-3px)}.sl-feature-icon-wrap{width:50px;height:50px;border-radius:10px;background:var(--purple-pale);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sl-feature-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:5px}.sl-feature-desc{font-size:15px;color:var(--text-body);line-height:1.7}.sl-leaderboard{padding:90px 60px;background:var(--white)}.sl-leaderboard-inner{max-width:680px;margin:0 auto}.sl-rank-list{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.sl-rank-row{display:flex;align-items:center;gap:14px;padding:17px 22px;border-radius:12px;transition:transform .2s;cursor:default}.sl-rank-row:hover{transform:translate(4px)}.sl-rank-row.rank-1{background:#4a27a0}.sl-rank-row.rank-2{background:#6544bf}.sl-rank-row.rank-3{background:#8268d4}.sl-rank-row.rank-other{background:var(--white);border:1.5px solid var(--border)}.sl-rank-num{font-size:17px;font-weight:700;width:24px;text-align:center;flex-shrink:0}.sl-rank-row.rank-1 .sl-rank-num,.sl-rank-row.rank-2 .sl-rank-num,.sl-rank-row.rank-3 .sl-rank-num{color:#fff;font-size:19px}.sl-rank-row.rank-other .sl-rank-num{color:var(--text-muted)}.sl-rank-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.sl-rank-info{flex:1}.sl-rank-name{font-size:15px;font-weight:600}.sl-rank-row.rank-1 .sl-rank-name,.sl-rank-row.rank-2 .sl-rank-name,.sl-rank-row.rank-3 .sl-rank-name{color:#fff}.sl-rank-row.rank-other .sl-rank-name{color:var(--text-dark)}.sl-rank-role{font-size:13px;margin-top:1px}.sl-rank-row.rank-1 .sl-rank-role,.sl-rank-row.rank-2 .sl-rank-role,.sl-rank-row.rank-3 .sl-rank-role{color:#ffffffb3}.sl-rank-row.rank-other .sl-rank-role{color:var(--text-muted)}.sl-rank-score{font-size:17px;font-weight:700}.sl-rank-row.rank-1 .sl-rank-score,.sl-rank-row.rank-2 .sl-rank-score,.sl-rank-row.rank-3 .sl-rank-score{color:#fff}.sl-rank-row.rank-other .sl-rank-score{color:var(--purple)}.sl-leaderboard-cta{text-align:center}.sl-btn-outline-purple{display:inline-block;padding:12px 30px;border-radius:10px;border:1.5px solid var(--purple);background:transparent;color:var(--purple);font-size:15px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;text-decoration:none;transition:all .2s}.sl-btn-outline-purple:hover{background:var(--purple);color:var(--white)}.sl-audience{padding:90px 60px;background:var(--purple-bg)}.sl-audience-grid{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.sl-audience-card{background:var(--white);border-radius:20px;border:1.5px solid var(--border);padding:36px 28px;text-align:center;transition:all .25s}.sl-audience-card:hover{border-color:var(--purple);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sl-audience-icon{width:68px;height:68px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 18px}.sl-audience-title{font-size:21px;font-weight:800;color:var(--text-dark);margin-bottom:8px}.sl-audience-desc{font-size:15px;color:var(--text-body);line-height:1.75;margin-bottom:20px}.sl-audience-list{list-style:none;text-align:left;margin-bottom:24px}.sl-audience-list li{font-size:15px;color:var(--text-body);padding:7px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.sl-audience-list li:last-child{border-bottom:none}.sl-audience-check{width:22px;height:22px;background:var(--purple-pale);color:var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.sl-audience-btn{display:block;width:100%;padding:13px;border-radius:10px;background:var(--purple);border:none;color:var(--white);font-size:16px;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s}.sl-audience-btn:hover{background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 6px 18px #5c35b566}.sl-quiz-section{padding:90px 60px;background:var(--purple);position:relative;overflow:hidden;text-align:center}.sl-quiz-bg-circle{position:absolute;border-radius:50%;background:var(--circle-color);pointer-events:none}.sl-quiz-bg-circle.qc1{width:320px;height:320px;top:-90px;left:-70px;animation:float-circle 8s ease-in-out infinite}.sl-quiz-bg-circle.qc2{width:200px;height:200px;bottom:-50px;right:-50px;animation:float-circle 10s ease-in-out 1.2s infinite}.sl-quiz-inner{position:relative;z-index:2}.sl-quiz-tag{display:inline-block;background:#ffffff2e;color:#fff;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:999px;margin-bottom:14px}.sl-quiz-section-title{font-size:clamp(28px,3vw,42px);font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:10px}.sl-quiz-section-sub{font-size:16px;color:#ffffffc7;max-width:480px;margin:0 auto 36px;line-height:1.7}.sl-quiz-card-mock{background:var(--white);border-radius:16px;padding:28px 32px;max-width:460px;margin:0 auto 32px;box-shadow:var(--shadow-lg);text-align:left}.sl-quiz-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.sl-quiz-card-brand{font-size:17px;font-weight:700;color:var(--purple)}.sl-quiz-timer{display:flex;align-items:center;gap:6px;background:var(--purple);color:#fff;font-size:14px;font-weight:600;padding:5px 14px;border-radius:999px}.sl-quiz-q{font-size:15px;font-weight:700;color:var(--text-dark);margin-bottom:14px;line-height:1.5}.sl-quiz-opts{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.sl-quiz-opt{padding:11px 16px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-body);font-family:Poppins,sans-serif;background:var(--white)}.sl-quiz-opt.active{border-color:var(--purple);background:var(--purple-pale);color:var(--purple);font-weight:600}.sl-quiz-next{width:100%;padding:12px;border-radius:10px;background:var(--purple);border:none;color:#fff;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;margin-bottom:8px}.sl-quiz-footer-note{text-align:center;font-size:13px;color:var(--text-muted)}.sl-quiz-cta{display:inline-block;padding:14px 36px;border-radius:10px;background:var(--white);border:none;color:var(--purple);font-size:16px;font-weight:700;font-family:Poppins,sans-serif;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 18px #00000026}.sl-quiz-cta:hover{transform:translateY(-2px);box-shadow:0 8px 26px #00000038}.sl-trusted{padding:90px 60px;background:var(--white);text-align:center}.sl-testimonials{max-width:1040px;margin:0 auto 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sl-testimonial-card{background:var(--white);border:1.5px solid var(--border);border-radius:18px;padding:28px 26px;text-align:left;transition:all .25s;position:relative}.sl-testimonial-card:hover{border-color:var(--purple);box-shadow:var(--shadow-md);transform:translateY(-4px)}.sl-testimonial-card--featured{background:var(--purple);border-color:var(--purple)}.sl-testimonial-card--featured:hover{box-shadow:0 8px 32px #5c35b566}.sl-testimonial-quote{font-size:52px;font-weight:800;line-height:1;margin-bottom:10px;color:var(--purple-pale)}.sl-testimonial-card--featured .sl-testimonial-quote{color:#ffffff40}.sl-testimonial-text{font-size:14.5px;color:var(--text-body);line-height:1.75;margin-bottom:22px}.sl-testimonial-card--featured .sl-testimonial-text{color:#ffffffe0}.sl-testimonial-author{display:flex;align-items:center;gap:12px}.sl-testimonial-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.sl-testimonial-name{font-size:14px;font-weight:700;color:var(--text-dark)}.sl-testimonial-card--featured .sl-testimonial-name{color:#fff}.sl-testimonial-role{font-size:12px;color:var(--text-muted);margin-top:2px}.sl-testimonial-card--featured .sl-testimonial-role{color:#ffffffa6}.sl-trusted-stats{max-width:780px;margin:0 auto;display:flex;justify-content:center;gap:0;background:var(--purple-bg);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}.sl-trusted-stat{flex:1;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid var(--border);transition:background .2s}.sl-trusted-stat:last-child{border-right:none}.sl-trusted-stat:hover{background:var(--purple-pale)}.sl-trusted-stat-icon{font-size:20px;margin-bottom:2px}.sl-trusted-stat-num{font-size:22px;font-weight:800;color:var(--purple);line-height:1}.sl-trusted-stat-label{font-size:12.5px;color:var(--text-muted);font-weight:500}.sl-footer{background:var(--purple);padding:48px 60px 32px}.sl-footer-cta-band{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:32px 40px;margin-bottom:36px}.sl-footer-cta-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px}.sl-footer-cta-sub{font-size:14px;color:#ffffffb8}.sl-footer-cta-btns{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.sl-footer-cta-btn-white{padding:12px 26px;border-radius:10px;background:#fff;color:var(--purple);font-size:14px;font-weight:700;font-family:Poppins,sans-serif;text-decoration:none;transition:all .2s;box-shadow:0 4px 14px #00000026}.sl-footer-cta-btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0003}.sl-footer-cta-btn-outline{padding:12px 26px;border-radius:10px;background:transparent;border:1.5px solid rgba(255,255,255,.5);color:#fff;font-size:14px;font-weight:700;font-family:Poppins,sans-serif;text-decoration:none;transition:all .2s}.sl-footer-cta-btn-outline:hover{background:#ffffff1f;border-color:#fff;transform:translateY(-2px)}.sl-footer-divider{height:1px;background:#ffffff26;margin-bottom:28px}.sl-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.sl-footer-bottom-brand{display:flex;flex-direction:column;gap:6px}.sl-footer-bottom-logo{display:flex;align-items:center;gap:8px}.sl-footer-bottom-name{font-size:18px;font-weight:800;color:#fff}.sl-footer-copy{font-size:12.5px;color:#ffffff73}.sl-footer-tagline-center{font-size:13.5px;color:#fff9;font-weight:500;text-align:center}.sl-footer-socials{display:flex;gap:10px}.sl-footer-social-btn{width:38px;height:38px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}.sl-footer-social-btn:hover{background:#ffffff40;transform:translateY(-2px)}.quiz-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:#553f9a;font-family:Trebuchet MS,Arial,sans-serif}.quiz-page .container{width:640px;background:#fff;color:#000;display:flex;flex-direction:column;gap:20px;border-radius:10px;padding:40px 50px;z-index:1}.quiz-page hr{height:2px;border:none;background:#707070}.quiz-page .round,.quiz-page .round-bottom{position:absolute;height:310px;width:310px;border-radius:50%;background:#ffffff40;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 0 60px #ffffff59,inset 0 0 30px #fff6;border:1px solid rgba(255,255,255,.4)}.quiz-page .round{top:-4%;left:-3%}.quiz-page .round-bottom{bottom:-4%;right:-3%}.quiz-page .quiz-header{display:flex;justify-content:space-between;align-items:center}.quiz-page h1{color:#553f9a}.quiz-page ul li{display:flex;align-items:center;height:70px;padding-left:15px;border:1px solid #686868;border-radius:8px;margin-bottom:10px;font-size:20px;cursor:pointer}.quiz-page button{margin:auto;width:250px;height:65px;background:#553f9a;color:#fff;font-size:22px;border-radius:8px;cursor:pointer;border:none}.quiz-page .index{margin:auto;font-size:18px}.quiz-page .correct{background:#dffff2;border-color:#00d397}.quiz-page .wrong{background:#ffebeb;border-color:#ff4a4a}.quiz-page .timer{background:#553f9a;color:#fff;padding:6px 14px;border-radius:20px;font-size:16px;font-weight:600}.login-container{height:100vh;width:100vw;display:flex}.login-left{flex:1;background-color:#553f9a;display:flex;justify-content:center;align-items:center}.login-illustration{width:420px;max-width:80%;display:block}.login-right{flex:1;background-color:#fff;display:flex;justify-content:center;align-items:center;overflow-y:auto}.login-box{background:#fff;padding:30px;width:520px;max-height:90vh;overflow-y:auto;border-radius:10px;text-align:center;box-shadow:0 10px 25px #0003}.login-box h2{font-size:26px}.login-box p{font-size:20px;color:#553f9a;margin-bottom:45px}.login-box input{width:100%;padding:12px;margin-bottom:14px;border-radius:8px;border:1px solid #ccc;font-size:15px}.login-box input:focus{outline:none;border-color:#553f9a}.login-box button{width:100%;padding:12px;font-size:16px}.login-box button:hover{background:#5e4c96}.extra-links{margin-top:30px;font-size:18px}.extra-links a{color:#553f9a;text-decoration:none}.extra-links a:hover{text-decoration:underline}@media(max-width:900px){.login-left{display:none}.login-right{flex:1}.login-box{width:90%;padding:40px}}.left-content{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-name{margin-top:24px;font-size:50px;font-weight:700;color:#fff;letter-spacing:1.5px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.slide-in-from-right{animation:slideInFromRight .6s cubic-bezier(.77,0,.18,1) forwards}.slide-in-from-left{animation:slideInFromLeft .6s cubic-bezier(.77,0,.18,1) forwards}.slide-out-to-left{animation:slideOutToLeft .6s cubic-bezier(.77,0,.18,1) forwards}.slide-out-to-right{animation:slideOutToRight .6s cubic-bezier(.77,0,.18,1) forwards}.sdm-box,.sdm-box div,.sdm-box p,.sdm-box span,.sdm-box pre,.sdm-box code,.sdm-box button{color:#111827!important}.sdm-box{background:#fff!important}.sdm-q-text{color:#111827!important;font-size:13px;font-weight:600;line-height:1.55;flex:1;margin:0}.sdm-opt-text{color:#111827!important;font-size:13px;flex:1;line-height:1.4}.sdm-opt-letter{color:#553f9a!important;font-size:11px;font-weight:800;width:18px;flex-shrink:0}.sdm-q-num{color:#553f9a!important;font-size:11px;font-weight:700;background:#ede8fb;padding:2px 9px;border-radius:20px;flex-shrink:0;margin-top:1px}.sdm-badge-correct{background:#16a34a!important;color:#fff!important;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;flex-shrink:0}.sdm-badge-wrong{background:#dc2626!important;color:#fff!important;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;flex-shrink:0}.sdm-tag-ca{background:#16a34a!important;color:#fff!important;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;flex-shrink:0;white-space:nowrap}.sdm-tag-wa{background:#dc2626!important;color:#fff!important;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;flex-shrink:0;white-space:nowrap}.sdm-q-header{display:flex;align-items:flex-start;gap:10px;padding:11px 15px;flex-wrap:wrap}.sdm-opts{display:flex;flex-direction:column;gap:5px;padding:10px 15px 13px;background:#fff!important}.sdm-opt{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:7px}.sdm-tab-lbl{font-size:14px;font-weight:600}.sdm-tab-count{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.sdm-meta-val{color:#ffffffe6!important}.sdm-c-title{color:#111827!important;font-size:14px;font-weight:700;margin:0}.sdm-c-prob{color:#374151!important;font-size:13px;margin:5px 0 0;line-height:1.55}.sdm-io-lbl{color:#6b7280!important;font-size:11px;font-weight:700;margin:0 0 5px;text-transform:uppercase;letter-spacing:.4px}.sdm-io-code{display:block;background:#f3f0ff;color:#553f9a!important;padding:7px 11px;border-radius:7px;font-size:12px;font-family:monospace}.sdm-code-lbl{color:#553f9a!important;font-size:12px;font-weight:700}.sdm-time-lbl{color:#6b7280!important;font-size:12px}.sdm-prob-num{color:#553f9a!important;font-size:12px;font-weight:700;background:#ede8fb;padding:3px 11px;border-radius:20px}.landing-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar-divider{height:1px;width:100%;background:#ffffff4d;margin:16px 0 24px}.sidebar{width:260px;background:#fff;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column}.main-content{flex:1;height:100vh;overflow-y:auto;padding:40px;background:#f3f0ff}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:30px}.logo-img{width:56px;height:56px;object-fit:contain}.sidebar-logo span{font-size:26px;font-weight:700;color:#553f9a}.sidebar-menu{display:flex;flex-direction:column}.percentage{margin-left:auto;font-weight:600;font-size:18px;color:#553f9a}.rank-1 .percentage,.rank-2 .percentage,.rank-3 .percentage{color:#fff}.sidebar-menu button{padding:22px 30px;font-size:20px;text-align:left;border:none;background:none;color:#553f9a;cursor:pointer}.sidebar-menu button.active{background:#f3f0ff;font-weight:600}.logout-btn{margin:auto 30px 30px;padding:18px;font-size:18px;background:#553f9a;color:#fff;border:none;border-radius:12px;cursor:pointer}.content-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0003}.content-box h2{font-size:32px;color:#553f9a;margin-bottom:30px}.student-row{display:flex;align-items:center;gap:24px;padding:18px 24px;font-size:18px;color:#333;border-radius:12px;margin-bottom:16px;background:#fff;box-shadow:0 6px 16px #00000014}.rank-1{background:#553f9a;color:#fff;font-size:22px;padding:26px 30px;box-shadow:0 14px 28px #553f9a73}.rank-1 img{width:64px;height:64px}.rank-2{background:#6a55b8;color:#fff;font-size:20px;padding:22px 28px}.rank-2 img{width:56px;height:56px}.rank-3{background:#8573cc;color:#fff;font-size:19px;padding:20px 26px}.rank-3 img{width:50px;height:50px}.rank-4 img,.rank-5 img,.rank-6 img,.rank-7 img,.rank-8 img,.rank-9 img,.rank-10 img{width:42px;height:42px}.student-row .rank{color:#000!important}.student-row img{width:42px;height:42px;border-radius:50%;object-fit:cover}.rank{width:32px;font-weight:700;color:#553f9a}.name{flex:1}.job-card{background:#fff;padding:32px;border-radius:14px;margin-bottom:28px;box-shadow:0 12px 28px #00000024}.job-card h3{font-size:28px;color:#553f9a;margin-bottom:14px}.job-meta{display:flex;gap:36px;margin-bottom:16px;font-size:18px;color:#444}.job-card p{margin-bottom:16px;font-size:18px;line-height:1.7;color:#333}.tag{display:inline-block;background:#f3f0ff;color:#553f9a;padding:8px 14px;border-radius:20px;font-size:15px;margin-right:10px;margin-bottom:8px}.job-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.quiz-badge{font-size:14px;color:#2d7a4f;font-weight:600;background:#edfaf1;padding:7px 14px;border-radius:8px}.coding-badge{font-size:14px;color:#1a5fa8;font-weight:600;background:#e8f1fb;padding:7px 14px;border-radius:8px}.job-card-actions{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}.job-card-actions-right{margin-left:auto}.quiz-btn{padding:14px 24px;font-size:17px;background:#553f9a;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s,transform .2s}.quiz-btn:hover{background:#6a55b8;transform:translateY(-2px)}.delete-btn{padding:12px 22px;font-size:16px;background:#fff;color:#c0392b;border:1.5px solid #c0392b;border-radius:10px;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#c0392b;color:#fff;transform:translateY(-2px)}.history-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:600;background:#fff;color:#553f9a;border:1.5px solid #553f9a;border-radius:10px;cursor:pointer;transition:all .2s;font-family:inherit}.history-btn:hover{background:#f3f0ff;transform:translateY(-2px);box-shadow:0 4px 12px #553f9a2e}.history-count{display:inline-flex;align-items:center;justify-content:center;background:#553f9a;color:#fff;font-size:12px;font-weight:700;width:22px;height:22px;border-radius:50%}.hired-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.hired-title-group{display:flex;align-items:center;gap:14px}.hired-title-group h2{margin-bottom:0}.jobs-count{background:#553f9a;color:#fff;font-size:16px;font-weight:700;padding:4px 14px;border-radius:20px}.hire-btn{padding:14px 28px;font-size:17px;font-weight:700;background:#553f9a;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s,transform .2s}.hire-btn:hover{background:#6a55b8;transform:translateY(-2px)}.post-success{background:#edfaf1;border:1.5px solid #4caf82;color:#276749;border-radius:10px;padding:14px 20px;font-size:16px;font-weight:600;margin-bottom:24px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;color:#222;border-radius:16px;padding:36px 40px;width:860px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000040;animation:slideUpModal .25s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-modal-box{width:820px!important;padding:32px 36px!important;color:#222!important}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.modal-header h2{font-size:26px;color:#553f9a;margin-bottom:12px}.modal-close{background:none;border:none;font-size:22px;color:#999;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s}.modal-close:hover{color:#333;background:#f3f0ff}.modal-steps{display:flex;align-items:center;gap:0;position:relative;margin-bottom:4px}.step-dot{width:28px;height:28px;border-radius:50%;background:#e0d9f5;color:#553f9a;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .3s;flex-shrink:0}.step-dot.active{background:#553f9a;color:#fff}.step-line{width:48px;height:2px;background:#e0d9f5;transition:background .3s}.step-line-done{background:#553f9a}.step-labels{display:flex;position:absolute;top:34px;left:0;font-size:11px;color:#888}.step-labels span{white-space:nowrap}.step-labels span:nth-child(1){width:28px;text-align:center}.step-labels span:nth-child(2){margin-left:30px}.step-labels span:nth-child(3){margin-left:36px}.post-job-sub{font-size:15px;color:#666;margin-bottom:24px;margin-top:20px}.post-job-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-bottom:18px}.post-field{display:flex;flex-direction:column;gap:7px}.post-field-full{margin-bottom:4px}.post-field label{font-size:15px;font-weight:600;color:#553f9a}.post-field .hint,.coding-field .hint{font-weight:400;font-size:13px;color:#999}.post-field .req,.coding-field .req{color:#e53e3e}.post-field input,.post-field textarea{padding:13px 16px;border:1.5px solid #ddd;border-radius:10px;font-size:15px;color:#333;font-family:inherit;transition:border-color .2s;resize:vertical}.post-field input:focus,.post-field textarea:focus{outline:none;border-color:#553f9a}.post-field input.input-error,.post-field textarea.input-error{border-color:#e53e3e}.field-error{font-size:13px;color:#e53e3e}.modal-footer{display:flex;justify-content:flex-end;gap:14px;margin-top:28px}.cancel-btn{padding:13px 28px;font-size:16px;font-weight:600;background:#fff;color:#553f9a;border:1.5px solid #553f9a;border-radius:10px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f3f0ff}.post-btn{padding:13px 28px;font-size:16px;font-weight:700;background:#553f9a;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .2s,transform .2s}.post-btn:hover{background:#6a55b8;transform:translateY(-2px)}.quiz-questions-list{display:flex;flex-direction:column;gap:20px;max-height:55vh;overflow-y:auto;padding-right:8px;margin-bottom:8px}.quiz-questions-list::-webkit-scrollbar{width:6px}.quiz-questions-list::-webkit-scrollbar-track{background:#f3f0ff;border-radius:10px}.quiz-questions-list::-webkit-scrollbar-thumb{background:#b0a0e0;border-radius:10px}.quiz-q-card{background:#faf9ff;border:1.5px solid #e0d9f5;border-radius:12px;padding:20px 22px}.quiz-q-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.quiz-q-number{font-size:13px;font-weight:700;color:#553f9a;background:#ede8fb;padding:3px 12px;border-radius:20px;flex-shrink:0}.quiz-q-input{width:100%;padding:11px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;color:#222;font-family:inherit;margin-bottom:14px;transition:border-color .2s}.quiz-q-input:focus{outline:none;border-color:#553f9a}.quiz-q-input.input-error{border-color:#e53e3e}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:8px;border:1.5px solid #eee;background:#fff}.quiz-option-row.correct-option{border-color:#4caf82;background:#f0fbf5}.quiz-option-row input[type=radio]{cursor:pointer;accent-color:#553f9a;width:16px;height:16px;flex-shrink:0}.option-letter{font-size:13px;font-weight:700;color:#553f9a;width:18px;flex-shrink:0}.option-text-input{flex:1;padding:8px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}.option-text-input:focus{outline:none;border-color:#553f9a}.option-text-input.input-error{border-color:#e53e3e}.correct-badge{font-size:12px;font-weight:700;color:#2d7a4f;background:#edfaf1;padding:3px 10px;border-radius:20px;flex-shrink:0}.coding-questions-list{display:flex;flex-direction:column;gap:24px;max-height:58vh;overflow-y:auto;padding-right:8px;margin-bottom:8px}.coding-questions-list::-webkit-scrollbar{width:6px}.coding-questions-list::-webkit-scrollbar-track{background:#f3f0ff;border-radius:10px}.coding-questions-list::-webkit-scrollbar-thumb{background:#b0a0e0;border-radius:10px}.coding-q-card{background:#f8f9ff;border:1.5px solid #dde0f5;border-radius:14px;padding:24px 26px}.coding-q-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.coding-q-number{font-size:13px;font-weight:700;color:#553f9a;background:#ede8fb;padding:3px 12px;border-radius:20px}.difficulty-selector{display:flex;gap:6px}.diff-btn{padding:6px 16px;border-radius:20px;border:1.5px solid #ddd;font-size:13px;font-weight:600;cursor:pointer;background:#fff;font-family:inherit;color:#aaa;transition:all .2s}.diff-easy{color:#2d7a4f;border-color:#4caf82}.diff-medium{color:#b87a00;border-color:#f0a500}.diff-hard{color:#c0392b;border-color:#e53e3e}.diff-btn.diff-active.diff-easy{background:#edfaf1}.diff-btn.diff-active.diff-medium{background:#fff8e6}.diff-btn.diff-active.diff-hard{background:#fff5f5}.diff-btn:not(.diff-active){color:#aaa;border-color:#ddd}.coding-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.coding-field label{font-size:14px;font-weight:600;color:#553f9a}.coding-field input,.coding-field textarea{padding:12px 16px;border:1.5px solid #ddd;border-radius:10px;font-size:14px;color:#333;font-family:Courier New,monospace;transition:border-color .2s;resize:vertical;background:#fff}.coding-field input{font-family:inherit}.coding-field input:focus,.coding-field textarea:focus{outline:none;border-color:#553f9a}.coding-field input.input-error,.coding-field textarea.input-error{border-color:#e53e3e}.coding-io-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.history-modal-box{width:680px}.history-subtitle{font-size:15px;color:#666;margin:4px 0 0}.history-summary{display:flex;gap:10px;margin:20px 0 24px;flex-wrap:wrap}.history-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:24px;border:1.5px solid #ddd;font-size:14px;font-weight:600;cursor:pointer;background:#fff;color:#666;font-family:inherit;transition:all .2s}.history-filter-btn:hover{border-color:#553f9a;color:#553f9a}.history-filter-btn.hf-active{border-color:#553f9a;background:#553f9a;color:#fff}.hf-count{background:#ffffff40;padding:1px 8px;border-radius:12px;font-size:12px}.history-filter-btn:not(.hf-active) .hf-count{background:#f3f0ff;color:#553f9a}.hf-hired.hf-active{background:#2d7a4f;border-color:#2d7a4f}.hf-in-review.hf-active{background:#b87a00;border-color:#b87a00}.hf-rejected.hf-active{background:#c0392b;border-color:#c0392b}.history-list{display:flex;flex-direction:column;gap:14px;max-height:52vh;overflow-y:auto;padding-right:6px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#f3f0ff;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:#b0a0e0;border-radius:10px}.history-row{display:flex;align-items:flex-start;gap:16px;background:#faf9ff;border:1.5px solid #e0d9f5;border-radius:14px;padding:18px 20px;transition:box-shadow .2s}.history-row-clickable{cursor:pointer}.history-row-clickable:hover{box-shadow:0 6px 20px #553f9a2e;border-color:#b0a0e0;transform:translateY(-1px)}.history-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0000001f}.history-info{flex:1;min-width:0}.history-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:10px}.history-name{font-size:16px;font-weight:700;color:#222}.history-date{font-size:13px;color:#999;display:block;margin-bottom:12px}.history-status{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;flex-shrink:0}.status-hired{background:#edfaf1;color:#2d7a4f}.status-review{background:#fff8e6;color:#b87a00}.status-rejected{background:#fff5f5;color:#c0392b}.history-scores{display:flex;flex-direction:column;gap:8px}.score-bar-wrap{display:flex;flex-direction:column;gap:4px}.score-bar-label{display:flex;justify-content:space-between;font-size:13px;color:#555}.score-val{font-weight:700}.score-bar-track{height:8px;background:#eee;border-radius:6px;overflow:hidden}.score-bar-fill{height:100%;border-radius:6px;transition:width .4s ease}.history-row-arrow{font-size:24px;color:#b0a0e0;align-self:center;flex-shrink:0;margin-left:4px}.history-empty{text-align:center;padding:40px;color:#999;font-size:15px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Trebuchet MS,Arial,sans-serif;background-color:#f5f5f5}