*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:25px;font-weight:900;letter-spacing:-1.2px}.brand span:first-child{color:#1d4ed8}.brand .dot{color:#f97316}.nav-links,.nav-actions{display:flex;align-items:center;gap:24px}.nav-links a,.nav-login{font-size:14px;font-weight:700;color:#475569}.nav-links a:hover,.nav-login:hover{color:#1d4ed8}.nav-actions{gap:14px}.inline-form{display:inline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:12px 19px;font-weight:800;font-size:14px;cursor:pointer;transition:.18s}.btn-primary{background:#1d4ed8;color:#fff;box-shadow:0 6px 16px #1d4ed826}.btn-primary:hover{background:#1e40af;transform:translateY(-1px)}.btn-outline{border-color:#cbd5e1;color:#334155;background:#fff}.btn-outline:hover{background:#f8fafc}.btn-small{padding:9px 13px}.btn-outline-light{border-color:#ffffff38;color:#fff;background:#ffffff09}.btn-outline-light:hover{background:#ffffff16}.btn-white{background:#fff;color:#1d4ed8}.btn-full{width:100%}.hero{color:#fff;overflow:hidden;background:radial-gradient(ellipse at 80% 12%,#243b76 0,transparent 42%),radial-gradient(ellipse at 8% 90%,#f973161c,transparent 34%),linear-gradient(135deg,#080d1b,#111a34 68%,#10172c)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding-block:88px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #93c5fd40;background:#60a5fa16;border-radius:999px;padding:8px 14px;font-size:13px;color:#dbeafe;font-weight:700}.eyebrow-dot{width:7px;height:7px;background:#fb923c;border-radius:50%}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.07;letter-spacing:-2.6px;margin:25px 0 0;font-weight:900}.hero h1 span{color:#60a5fa}.hero-text{font-size:17px;line-height:1.8;color:#cbd5e1;max-width:590px;margin:23px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-points{display:flex;flex-wrap:wrap;gap:16px;margin-top:25px;color:#cbd5e1;font-size:12px}.preview-card{padding:25px;border:1px solid #ffffff20;border-radius:25px;background:#ffffff0c;box-shadow:0 25px 80px #02061760;backdrop-filter:blur(10px)}.preview-top{display:flex;align-items:center;justify-content:space-between}.muted{color:#94a3b8;font-size:13px;margin:0}.preview-top h2{font-size:20px;margin:3px 0 0}.tag{background:#34d3991b;color:#6ee7b7;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:800}.question-box{background:#02061770;border:1px solid #ffffff0b;border-radius:17px;padding:20px;margin-top:23px}.question-label{font-size:11px;letter-spacing:1.5px;color:#64748b;font-weight:900;margin:0 0 12px}.question-box h3{font-size:17px;line-height:1.6;margin:0 0 18px}.option{padding:11px 13px;border:1px solid #ffffff18;border-radius:10px;color:#cbd5e1;font-size:13px;margin-top:9px}.option.correct{border-color:#60a5fa;background:#3b82f626;color:#dbeafe;font-weight:800}.option span{float:right;color:#93c5fd}.preview-foot{display:flex;justify-content:space-between;gap:10px;color:#94a3b8;font-size:11px;margin-top:16px}.section{padding-block:82px}.section-heading{text-align:center;max-width:700px;margin:0 auto 42px}.section-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#1d4ed8;margin:0}.section-heading h2,.section-heading h1{font-size:clamp(29px,3vw,40px);line-height:1.2;letter-spacing:-1.2px;margin:12px 0}.section-heading>p:last-child{color:#64748b;line-height:1.8;margin:12px auto 0}.skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.skill-card{padding:23px;border:1px solid #e2e8f0;border-radius:17px;background:#fff;transition:.2s}.skill-card:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:0 14px 35px #0f172a0b}.skill-icon{height:45px;width:45px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:17px}.icon-blue{background:#eff6ff;color:#1d4ed8}.icon-green{background:#ecfdf5;color:#047857}.icon-orange{background:#fff7ed;color:#c2410c}.icon-purple{background:#f5f3ff;color:#6d28d9}.skill-card h3{font-size:20px;margin:17px 0 8px}.skill-card p{font-size:13px;color:#64748b;line-height:1.8;min-height:47px;margin:0}.skill-card a{display:inline-block;margin-top:18px;color:#1d4ed8;font-size:13px;font-weight:900}.feature-section{background:#f8fafc}.align-left{text-align:left;margin-left:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:27px}.feature-emoji{font-size:26px}.feature-card h3{font-size:18px;margin:15px 0 8px}.feature-card p{font-size:14px;line-height:1.8;color:#64748b;margin:0}.cta{padding:48px 25px;border-radius:24px;background:linear-gradient(110deg,#1e40af,#2563eb);text-align:center;color:#fff}.cta h2{font-size:clamp(28px,4vw,40px);letter-spacing:-1px;margin:0}.cta p{color:#dbeafe;margin:13px 0 0}.cta .btn{margin-top:24px}.footer{border-top:1px solid #e2e8f0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:25px;color:#64748b;font-size:12px}.footer-inner p{margin:0}.auth-wrap{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:48px 20px;background:#f8fafc}.auth-card{width:min(100%,450px);background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:32px;box-shadow:0 18px 50px #0f172a0b}.auth-card h1{font-size:29px;letter-spacing:-.8px;margin:9px 0}.auth-sub,.muted-dark{color:#64748b}.auth-sub{margin:0 0 24px}.form-stack{display:grid;gap:17px}.form-stack label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#334155}.form-stack input,.reveal-select select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px;background:#fff;color:#0f172a;outline:none}.form-stack input:focus,.reveal-select select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-stack small{font-size:11px;color:#64748b;font-weight:500}.auth-bottom{margin:22px 0 0;text-align:center;font-size:13px;color:#64748b}.auth-bottom a{color:#1d4ed8;font-weight:800}.alert{padding:12px 14px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;font-size:13px;margin:16px 0}.dashboard-main,.practice-main,.result-main{padding-block:48px 80px;min-height:70vh}.dashboard-welcome,.practice-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-welcome h1,.practice-heading h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1px;margin:7px 0}.user-chip{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-weight:900}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:30px 0 42px;max-width:560px}.stat-card{border:1px solid #e2e8f0;border-radius:14px;padding:18px}.stat-card span{display:block;color:#64748b;font-size:12px}.stat-card strong{display:block;font-size:27px;margin-top:5px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dashboard-heading h2{margin:0;font-size:23px}.dashboard-heading span,.question-count{font-size:12px;color:#64748b}.coming-soon{display:inline-block;margin-top:18px;color:#64748b;font-size:12px}.admin-note{margin-top:25px;padding:14px;background:#eff6ff;border-radius:10px;color:#1e40af;font-size:13px}.back-link{display:inline-block;color:#1d4ed8;font-weight:800;font-size:13px;margin-bottom:22px}.reveal-select{display:grid;gap:6px;font-size:12px;color:#64748b;font-weight:800;min-width:180px}.quiz-toolbar{display:flex;justify-content:space-between;color:#64748b;font-size:12px;margin:28px 0 13px}.quiz-question{padding:24px;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:15px}.quiz-question h2{font-size:18px;line-height:1.65;margin:0 0 17px}.answer-options{display:grid;gap:10px}.answer-option{display:flex;align-items:center;gap:11px;border:1px solid #e2e8f0;border-radius:11px;padding:12px;cursor:pointer;font-size:13px}.answer-option:has(input:checked){border-color:#60a5fa;background:#eff6ff}.answer-option input{accent-color:#1d4ed8}.option-letter{height:27px;width:27px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;font-weight:900;font-size:11px}.code-snippet{overflow:auto;padding:15px;background:#0f172a;color:#e2e8f0;border-radius:10px;font-size:13px;line-height:1.6}.question-image{max-width:100%;max-height:360px;object-fit:contain;margin:12px 0;border-radius:10px}.instant-feedback,.end-answer{margin-top:13px;padding:12px;border-radius:10px;font-size:13px}.feedback-good{background:#ecfdf5;color:#047857}.feedback-bad{background:#fff7ed;color:#9a3412}.end-answer{background:#f8fafc;color:#334155}.end-answer p{margin:5px 0 0}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px}.submit-row p{font-size:12px;color:#64748b}.empty-state{text-align:center;padding:55px 20px;border:1px dashed #cbd5e1;border-radius:18px;margin-top:25px}.empty-state p{color:#64748b;margin-bottom:22px}.result-main{display:grid;place-items:center}.result-card{width:min(100%,600px);padding:38px;border:1px solid #e2e8f0;border-radius:22px;text-align:center}.result-card h1{font-size:31px;margin:9px 0 22px}.score-circle{height:135px;width:135px;margin:0 auto 18px;border:8px solid #dbeafe;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1d4ed8}.score-circle strong{font-size:32px;line-height:1}.score-circle span{font-size:11px}.result-score{font-size:17px;font-weight:900}.centered{justify-content:center}.question-count{margin-top:10px}.code-snippet{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:40px;padding-block:65px}.hero-copy{max-width:700px}.preview-card{max-width:620px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-1.8px}}@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.nav{min-height:64px}.nav-links{display:none}.nav-actions{gap:9px}.brand{font-size:22px}.hero-grid{padding-block:52px}.hero h1{font-size:42px}.hero-text{font-size:15px}.hero-points{gap:9px;font-size:11px}.preview-card{padding:16px}.question-box{padding:14px}.section{padding-block:60px}.skill-grid{grid-template-columns:1fr}.skill-card p{min-height:0}.footer-inner{flex-wrap:wrap}.auth-card{padding:24px}.dashboard-welcome,.practice-heading{align-items:flex-start}.practice-heading{flex-direction:column}.reveal-select{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.quiz-question{padding:17px}.submit-row{align-items:stretch;flex-direction:column}.submit-row .btn{width:100%}.result-card{padding:25px}}
/* LogicByte homepage refresh */
:root{--lb-ink:#101a34;--lb-blue:#315be9;--lb-orange:#ff914d;--lb-muted:#64748b;--lb-line:#e6eaf2;--lb-soft:#f6f8fc}
body{font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111a31}h1,h2,h3,.brand-word{font-family:Manrope,'DM Sans',sans-serif}.site-header{background:rgba(255,255,255,.88);border-bottom-color:#e8edf5;box-shadow:0 4px 24px #17255405}.nav{min-height:78px}.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:0}.brand img{width:38px;height:38px;display:block}.brand-word{font-size:22px;font-weight:850;letter-spacing:-1px;color:#101a34}.brand-word span{color:#315be9}.brand-word i{font-style:normal;color:#ff914d}.nav-links{gap:28px}.nav-links a{font-size:13px;color:#536078;transition:color .2s}.nav-links a:hover{color:#315be9}.hero-enhanced{position:relative;isolation:isolate;background:radial-gradient(ellipse at 74% 14%,#334b8e 0,transparent 36%),radial-gradient(ellipse at 10% 90%,#f9731615 0,transparent 30%),linear-gradient(128deg,#0a1022 0%,#111b38 58%,#10172e 100%)}.hero-grid{position:relative;z-index:1;padding-block:94px 88px;gap:56px}.hero h1{font-size:clamp(43px,5.4vw,68px);letter-spacing:-3px;line-height:1.08}.hero h1 span{background:linear-gradient(90deg,#8fc4ff,#a9a9ff 60%,#ffc08a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:570px}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:-1}.hero-orb-one{width:300px;height:300px;right:7%;top:8%;border:1px solid #93c5fd12;box-shadow:0 0 0 42px #93c5fd05,0 0 0 84px #93c5fd04}.hero-orb-two{width:170px;height:170px;left:-90px;bottom:-50px;background:#f9731608}.btn{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.btn-primary{background:linear-gradient(135deg,#315be9,#4678f7);box-shadow:0 9px 25px #315be94a}.btn-primary:hover{box-shadow:0 13px 30px #315be95c;transform:translateY(-2px)}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:'';position:absolute;inset:-100% auto -100% -40%;width:30%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#ffffff4d,transparent);animation:buttonShine 5s ease-in-out infinite}.hero-trust{display:flex;align-items:center;gap:12px;margin-top:30px}.hero-trust p{font-size:11px;line-height:1.6;margin:0;color:#cbd5e1}.hero-trust strong{font-size:12px;color:#fff}.hero-trust p span{color:#94a3b8}.avatar-stack{display:flex;padding-left:4px}.avatar-stack span{display:grid;place-items:center;width:28px;height:28px;margin-left:-4px;border-radius:50%;border:2px solid #17213d;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:900}.avatar-stack span:nth-child(2){background:#ffedd5;color:#c2410c}.avatar-stack span:nth-child(3){background:#d1fae5;color:#047857}.hero-visual{position:relative;max-width:510px;margin-inline:auto;width:100%}.preview-card{padding:25px;border-radius:25px;background:linear-gradient(145deg,#ffffff12,#ffffff08);box-shadow:0 30px 100px #02061775;border-color:#ffffff24;transform:rotate(.6deg);animation:cardFloat 7s ease-in-out infinite}.preview-card h2{font-family:Manrope,sans-serif}.question-box{background:#0710229c}.floating-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:13px;background:#fff;color:#24314e;font-size:11px;font-weight:800;box-shadow:0 12px 35px #0206172c;animation:chipFloat 5s ease-in-out infinite}.chip-top{top:-22px;right:-15px}.chip-bottom{bottom:-20px;left:-22px;animation-delay:-2s}.chip-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e20}.sparkle{font-size:16px;color:#f97316}.mini-check{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#d1fae5;color:#047857;font-weight:900;margin-right:4px}.preview-foot{align-items:center}.hero-bottom-line{height:1px;background:linear-gradient(90deg,transparent,#93c5fd30,transparent)}.proof-strip{border-bottom:1px solid #e9edf5;background:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:23px;gap:16px}.proof-grid>div{display:flex;align-items:center;gap:12px;justify-content:center}.proof-grid strong,.proof-grid small{display:block}.proof-grid strong{font-size:13px;color:#18223b}.proof-grid small{font-size:10px;color:#8993a8;margin-top:2px}.proof-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;color:#315be9;font-weight:900}.proof-green{background:#ecfdf5;color:#047857}.proof-orange{background:#fff7ed;color:#c2410c}.proof-purple{background:#f5f3ff;color:#6d28d9}.section{padding-block:94px}.section-heading{margin-bottom:48px}.section-heading h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3.5vw,43px);letter-spacing:-1.8px}.section-heading>p:last-child{max-width:600px;font-size:14px}.section-kicker{letter-spacing:2.2px}.skill-grid-enhanced{gap:16px}.skill-card{position:relative;overflow:hidden;padding:26px;border-color:#e8edf5;border-radius:20px;box-shadow:0 6px 25px #0f172a04}.skill-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#315be9,#8b5cf6,#fb923c);transform:scaleX(0);transform-origin:left;transition:transform .3s}.skill-card:hover:before{transform:scaleX(1)}.skill-icon{height:48px;width:48px;border-radius:15px}.card-index{display:block;margin-top:20px;color:#9aa4b6;font-size:9px;font-weight:900;letter-spacing:1.3px}.skill-card h3{font-size:22px;margin:6px 0 8px}.skill-card p{font-size:13px;min-height:68px}.skill-card a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef1f6;padding-top:15px;width:100%;margin-top:18px}.skill-card a span{font-size:18px;transition:transform .2s}.skill-card:hover a span{transform:translate(3px,-3px)}.steps-section{background:linear-gradient(180deg,#f8faff,#f4f7fc);border-block:1px solid #edf1f7}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.step-card{position:relative;padding:28px;border:1px solid #e4eaf4;border-radius:19px;background:#fff;transition:transform .25s,box-shadow .25s}.step-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #1725540b}.step-number{position:absolute;top:23px;right:25px;color:#c1c9d8;font-size:11px;font-weight:900;letter-spacing:1px}.step-symbol{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:#eff6ff;color:#315be9;font-size:25px}.step-card:nth-child(2) .step-symbol{background:#fff7ed;color:#ea580c}.step-card:nth-child(3) .step-symbol{background:#ecfdf5;color:#059669}.step-card h3{font-size:18px;margin:23px 0 9px}.step-card p{font-size:13px;line-height:1.8;color:#69758c;margin:0}.feature-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.feature-intro h2,.faq-intro h2{font-size:clamp(32px,4vw,45px);letter-spacing:-1.8px;line-height:1.15;margin:14px 0}.feature-intro>p:not(.section-kicker),.faq-intro>p:not(.section-kicker){font-size:14px;line-height:1.9;color:#68758b}.text-link{display:inline-flex;align-items:center;gap:10px;color:#315be9;font-size:13px;font-weight:900;margin-top:20px}.feature-row{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #e9edf4}.feature-row:first-child{border-top:1px solid #e9edf4}.feature-emoji{height:45px;width:45px;display:grid;place-items:center;border-radius:14px;background:#f2f5fb;font-size:21px}.feature-row h3{font-size:16px;margin:0 0 4px}.feature-row p{font-size:12px;color:#778198;line-height:1.7;margin:0}.feature-arrow{color:#a1acc0;transition:transform .2s}.feature-row:hover .feature-arrow{transform:translate(3px,-3px);color:#315be9}.pricing-section{background:#f7f9fd;border-block:1px solid #edf1f7}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid #e3e9f3;border-radius:21px;padding:27px;display:flex;flex-direction:column;box-shadow:0 8px 25px #17255404}.price-featured{border:1.5px solid #315be9;box-shadow:0 20px 55px #315be91b;transform:translateY(-8px)}.popular-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#315be9;color:#fff;border-radius:99px;padding:6px 12px;font-size:9px;font-weight:900;letter-spacing:.8px}.price-top{display:flex;justify-content:space-between;align-items:center}.price-label{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#6d7a91}.price-icon{color:#315be9;font-size:20px}.price-card h3{font-size:26px;margin:17px 0 5px}.price-description{font-size:12px;line-height:1.7;color:#778198;min-height:43px;margin:0}.price-amount{font-size:38px;font-weight:900;letter-spacing:-1.5px;margin:20px 0 19px}.price-amount span{font-size:11px;font-weight:600;letter-spacing:0;color:#8a94a8}.price-card ul{list-style:none;padding:17px 0 22px;margin:0 0 20px;border-top:1px solid #edf1f7;display:grid;gap:14px;flex:1}.price-card li{font-size:12px;color:#48566e;line-height:1.5}.price-card li:first-letter{color:#16a34a}.price-card .muted-item{color:#a1a9b8}.price-card .btn{margin-top:auto}.pricing-note{font-size:11px;line-height:1.7;text-align:center;color:#7b8599;max-width:760px;margin:25px auto 0}.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px;align-items:start}.faq-list{border-top:1px solid #e7ebf3}.faq-item{border-bottom:1px solid #e7ebf3;padding:0}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:21px 0;font-weight:800;font-size:14px;color:#18233b}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:22px;font-weight:400;color:#315be9;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{font-size:13px;color:#6f7b91;line-height:1.8;margin:-3px 30px 22px 0}.cta-enhanced{position:relative;overflow:hidden;padding:62px 25px;background:radial-gradient(ellipse at 50% -20%,#8eb5ff52,transparent 55%),linear-gradient(120deg,#101a34,#1c3470 55%,#315be9)}.cta-enhanced>*:not(.cta-glow){position:relative;z-index:1}.cta-enhanced .section-kicker{color:#bcd4ff}.cta-enhanced h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4.4vw,48px);letter-spacing:-2px;margin:14px 0}.cta-enhanced>p:not(.section-kicker){color:#d5e1ff;font-size:14px}.cta-glow{position:absolute;width:320px;height:320px;left:calc(50% - 160px);top:-250px;border-radius:50%;background:#ffffff30;filter:blur(25px)}.centered{justify-content:center}.footer{background:#0b1122;color:#c7d0e2;border:0}.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding-block:58px 44px}.footer .brand-word{color:#fff}.footer-brand-col>p{max-width:270px;color:#8f9bb2;font-size:12px;line-height:1.9;margin:18px 0 12px}.footer-email{font-size:12px;color:#a9c7ff}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-col h3{font-size:12px;color:#fff;margin:4px 0 6px}.footer-col a,.footer-col span{font-size:11px;color:#8f9bb2;line-height:1.6}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:19px;border-top:1px solid #ffffff14;color:#7e8ba3;font-size:10px}.footer-bottom b{color:#ff914d}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.13s}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(.6deg)}50%{transform:translateY(-8px) rotate(-.2deg)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes buttonShine{0%,72%,100%{left:-40%}84%{left:120%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:950px){.feature-layout,.faq-layout{grid-template-columns:1fr;gap:36px}.feature-intro,.faq-intro{max-width:620px}.footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer-brand-col{grid-column:1/-1}.pricing-grid{gap:12px}.price-card{padding:22px}}
@media(max-width:760px){.proof-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.proof-grid>div{justify-content:flex-start}.steps-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;gap:22px;max-width:480px;margin-inline:auto}.price-featured{transform:none}.hero-grid{padding-block:65px}.hero h1{letter-spacing:-2px}.chip-top{right:-4px}.chip-bottom{left:-4px}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-brand-col{grid-column:1/-1}}
@media(max-width:560px){.nav{gap:10px}.brand img{width:32px;height:32px}.brand-word{font-size:19px}.nav-actions{gap:8px}.nav-login{font-size:12px}.nav-actions .btn{font-size:11px;padding:9px 10px}.hero h1{font-size:42px}.hero-grid{gap:40px}.hero-trust{margin-top:22px}.preview-card{padding:17px}.floating-chip{font-size:10px;padding:9px 11px}.chip-top{top:-17px}.chip-bottom{bottom:-17px}.section{padding-block:66px}.section-heading{margin-bottom:32px}.skill-grid-enhanced{grid-template-columns:1fr}.skill-card p{min-height:0}.feature-row{grid-template-columns:40px 1fr 14px;gap:12px}.feature-emoji{width:40px;height:40px}.footer-main{gap:28px 20px;padding-block:42px 30px}.footer-bottom{flex-direction:column;gap:8px}.cta-enhanced{padding:45px 18px}.cta-enhanced .hero-actions{flex-direction:column}.cta-enhanced .btn{width:100%}}
/* LogicByte annual bundle and certificate showcase */
.pricing-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}
.pricing-grid-four .price-card{padding:23px 20px;border-radius:22px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:priceRise .7s both;}
.pricing-grid-four .price-card:nth-child(2){animation-delay:.08s}.pricing-grid-four .price-card:nth-child(3){animation-delay:.16s}.pricing-grid-four .price-card:nth-child(4){animation-delay:.24s}
.pricing-grid-four .price-card:hover{transform:translateY(-8px);box-shadow:0 22px 48px #17255413;border-color:#b7c8ff}
.pricing-grid-four .price-card h3{font-size:23px}.pricing-grid-four .price-description{min-height:58px}.pricing-grid-four .price-amount{font-size:34px;white-space:nowrap}.pricing-grid-four .price-amount span{display:block;font-size:11px;margin-top:2px}
.pricing-grid-four .price-card ul{gap:12px}.pricing-grid-four .price-card li{font-size:11px}
.price-featured.price-bundle{border:2px solid #315be9;background:radial-gradient(circle at 100% 0,#e8edff 0,transparent 37%),linear-gradient(160deg,#fff 20%,#f7f8ff 100%);box-shadow:0 25px 60px #315be926;transform:translateY(-10px);overflow:visible}
.price-featured.price-bundle:before{content:"";position:absolute;inset:-2px;border-radius:23px;padding:2px;background:linear-gradient(145deg,#315be9,#a78bfa,#fb923c);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}
.price-bundle .popular-label{background:linear-gradient(100deg,#2449d8,#6d55e8);box-shadow:0 8px 22px #315be940;font-size:9px;padding:8px 13px;animation:popularPulse 2.8s ease-in-out infinite}
.popular-spark{color:#ffd68a;margin-right:3px}.annual-note{display:flex;align-items:center;gap:7px;background:#ecfdf5;color:#047857;padding:8px 10px;border-radius:10px;font-size:11px;font-weight:900}.annual-note span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#10b981;color:#fff}
.btn-bundle{position:relative;overflow:hidden;box-shadow:0 9px 22px #315be932}.btn-bundle:after{content:"";position:absolute;top:-60%;bottom:-60%;left:-50%;width:28%;transform:rotate(20deg);background:#ffffff4d;animation:buttonShine 4s ease-in-out infinite}.btn-bundle span{font-size:18px}.bundle-caption{text-align:center;font-size:10px;color:#74809a;margin:11px 0 0}
.certification-section{overflow:hidden;background:linear-gradient(180deg,#fff,#f5f7ff);border-block:1px solid #e8edfa}
.certification-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.certification-copy h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,47px);letter-spacing:-1.8px;line-height:1.13;margin:14px 0 18px;color:#111b35}
.certification-copy>p:not(.section-kicker):not(.certificate-note){font-size:14px;line-height:1.9;color:#66738b;max-width:560px}
.certification-points{display:grid;gap:17px;margin:28px 0}.certification-points>div{display:flex;gap:14px;align-items:center}.certification-points>div>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#eaf0ff;color:#315be9;font-weight:900;font-size:11px}.certification-points p{margin:0}.certification-points strong,.certification-points small{display:block}.certification-points strong{font-size:13px;color:#1e293b}.certification-points small{font-size:11px;color:#7b879d;margin-top:3px}.certificate-note{font-size:10px;line-height:1.7;color:#8993a8;margin-top:13px;max-width:470px}
.certificate-art-wrap{position:relative;padding:18px 4px 45px}.certificate-glow{position:absolute;width:75%;height:75%;left:12%;top:8%;background:#a5b4fc7a;filter:blur(55px);border-radius:50%;pointer-events:none}.certificate-art{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 28px 40px #16265320);transform:rotate(1.2deg);transition:transform .5s ease}.certificate-art-wrap:hover .certificate-art{transform:rotate(0) translateY(-5px)}.certificate-float-tag{position:absolute;bottom:9px;left:0;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #e5eaf5;border-radius:15px;background:#ffffffed;box-shadow:0 14px 38px #17255412;animation:chipFloat 4s ease-in-out infinite}.certificate-float-tag>span{width:30px;height:30px;display:grid;place-items:center;background:#dcfce7;color:#15803d;border-radius:50%;font-weight:900}.certificate-float-tag strong,.certificate-float-tag small{display:block}.certificate-float-tag strong{font-size:11px;color:#1e293b}.certificate-float-tag small{font-size:10px;color:#7b879d;margin-top:2px}
.verify-wrap{min-height:65vh;padding:78px 20px;background:linear-gradient(180deg,#f6f8ff,#fff)}.verify-card{width:min(100%,680px);margin:0 auto;background:#fff;border:1px solid #e3e9f4;border-radius:24px;padding:clamp(24px,5vw,42px);box-shadow:0 22px 65px #1725540b}.verify-card h1{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,42px);letter-spacing:-1.5px;margin:8px 0 10px}.verify-card>p{color:#6b778e;font-size:14px;line-height:1.8}.verify-form{display:flex;gap:10px;margin-top:25px}.verify-form input{min-width:0;flex:1;border:1px solid #d5ddec;border-radius:12px;padding:13px 15px;outline:none}.verify-form input:focus{border-color:#315be9;box-shadow:0 0 0 3px #315be91a}.verify-result{margin-top:22px;padding:17px;border-radius:13px;font-size:13px;line-height:1.7}.verify-result.valid{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.verify-result.invalid{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.verify-result.pending{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.verify-result dl{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;margin:12px 0 0}.verify-result dt{opacity:.75}.verify-result dd{margin:0;font-weight:800;overflow-wrap:anywhere}
@keyframes priceRise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes popularPulse{0%,100%{box-shadow:0 8px 22px #315be940}50%{box-shadow:0 8px 30px #7c3aed55}}
@media(max-width:1100px){.pricing-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.pricing-grid-four .price-card{padding:26px}.price-featured.price-bundle{transform:translateY(0)}}
@media(max-width:760px){.certification-grid{grid-template-columns:1fr;gap:30px}.certificate-art-wrap{width:min(100%,580px);margin-inline:auto}.pricing-grid-four{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.pricing-grid-four .price-card{padding:26px}.pricing-grid-four .price-description{min-height:0}.pricing-grid-four .price-amount span{display:inline-block}.price-featured.price-bundle{margin-top:8px}.verify-form{flex-direction:column}.verify-form .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pricing-grid-four .price-card,.price-bundle .popular-label,.btn-bundle:after,.certificate-float-tag{animation:none!important}.pricing-grid-four .price-card:hover,.certificate-art-wrap:hover .certificate-art{transform:none}}
/* Learner dashboard application shell and responsive sidebar */
body.learner-app{background:#f5f7fb;color:#17223b;min-height:100vh}
.lb-app-shell{min-height:100vh}
.lb-sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#101a34;color:#d8e1f2;display:flex;flex-direction:column;padding:25px 16px 16px;z-index:100;overflow-y:auto;border-right:1px solid #ffffff0d}
.lb-sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 29px;color:#fff;font-family:Manrope,sans-serif;font-size:23px;font-weight:900;letter-spacing:-1px}
.lb-sidebar-brand img{width:40px;height:40px;object-fit:contain}.lb-sidebar-brand>span>span,.lb-mobile-brand>span>span{color:#8eb1ff}.lb-sidebar-brand i,.lb-mobile-brand i{font-style:normal;color:#ff914d}
.lb-sidebar-label{padding:0 12px;margin:0 0 10px;color:#8090b2;font-size:10px;font-weight:900;letter-spacing:1.6px}
.lb-side-nav{display:grid;gap:5px;padding-bottom:12px}.lb-side-link{position:relative;display:flex;align-items:center;gap:11px;min-height:56px;padding:9px 10px;border:1px solid transparent;border-radius:12px;color:#b9c5dc;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s,color .18s,border-color .18s;min-width:0}.lb-side-link:hover{background:#ffffff0b;color:#fff}.lb-side-link.is-active{background:linear-gradient(105deg,#315be9,#294bc4);border-color:#7290ff55;color:#fff;box-shadow:0 8px 20px #315be933}.lb-nav-icon{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#ffffff0c;color:#aebfff;font-size:20px;line-height:1}.lb-side-link.is-active .lb-nav-icon{background:#ffffff20;color:#fff}.lb-side-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;line-height:1.2}.lb-side-copy strong{font-size:12px;font-weight:800;color:inherit}.lb-side-copy small{font-size:10px;font-weight:500;line-height:1.35;color:#8f9fbe;white-space:normal}.lb-side-link.is-active .lb-side-copy small{color:#dbe4ff}.lb-side-link.is-disabled{cursor:default;color:#a0acc4;opacity:.82}.lb-side-link.is-disabled:hover{background:transparent;color:#a0acc4}.lb-side-link .lb-soon{flex:0 0 auto;margin-left:0;padding:4px 5px;border:1px solid #ffffff12;border-radius:5px;background:#ffffff08;color:#8494b3;font-size:7px;font-weight:900;letter-spacing:.45px}.lb-sidebar{gap:0}.lb-sidebar-label{margin-top:0}.lb-sidebar-bottom{margin-top:auto;padding-top:12px}.lb-logout-button .lb-nav-icon{background:#ffffff08}.lb-logout-button .lb-side-copy small{color:#93a2bf}.lb-logout-button:hover .lb-nav-icon{background:#ff914d20;color:#ffb27f}
.lb-sidebar-bottom{margin-top:auto;padding-top:24px}.lb-user-card{display:flex;align-items:center;gap:10px;padding:12px 9px;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.lb-user-avatar,.lb-mobile-avatar{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:50%;background:#ff914d;color:#101a34;font-weight:900}.lb-user-info{min-width:0;display:flex;flex-direction:column;gap:2px}.lb-user-info strong{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#fff}.lb-user-info small{font-size:10px;color:#93a2bf}.lb-logout-form{margin-top:10px}.lb-logout-button{display:flex;align-items:center;gap:13px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#d4dced;font-size:13px;font-weight:700;text-align:left;cursor:pointer}.lb-logout-button:hover{background:#ffffff0b;color:#fff}.lb-home-link{display:block;margin:10px 12px 0;color:#91a6d4;font-size:11px}.lb-home-link:hover{color:#fff}
.lb-app-main{min-height:100vh;margin-left:258px;min-width:0}.lb-page-content{width:100%;min-height:100vh;padding:1px 0 25px}.lb-page-content>.container{width:min(1180px,calc(100% - 64px))}.lb-page-content .dashboard-main,.lb-page-content .practice-main,.lb-page-content .result-main{padding-top:38px;min-height:calc(100vh - 40px)}.lb-page-content .dashboard-main{padding-bottom:60px}.lb-page-content .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-page-content .skill-card{box-shadow:0 7px 25px #14264d08}.lb-page-content .dashboard-heading{scroll-margin-top:24px}.lb-mobile-topbar{display:none}.lb-sidebar-backdrop{display:none}
@media(max-width:900px){.lb-sidebar{width:260px;padding:20px 12px 14px}.lb-app-main{margin-left:260px}.lb-page-content>.container{width:calc(100% - 40px)}.lb-page-content .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.lb-sidebar{width:min(290px,84vw);transform:translateX(-102%);transition:transform .24s ease;box-shadow:20px 0 50px #0b122c25}.lb-app-shell.sidebar-open .lb-sidebar{transform:translateX(0)}.lb-sidebar-backdrop{position:fixed;inset:0;background:#07112680;z-index:90;display:block;opacity:0;visibility:hidden;transition:opacity .24s,visibility .24s}.lb-app-shell.sidebar-open .lb-sidebar-backdrop{opacity:1;visibility:visible}.lb-app-main{margin-left:0;padding-top:62px}.lb-mobile-topbar{position:fixed;inset:0 0 auto 0;height:62px;z-index:80;display:flex;align-items:center;gap:14px;padding:0 16px;background:#fff;border-bottom:1px solid #e6eaf2;box-shadow:0 3px 12px #10204008}.lb-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:8px;border:1px solid #e0e6f0;border-radius:10px;background:#fff;cursor:pointer}.lb-menu-toggle span{display:block;height:2px;width:100%;background:#243352;border-radius:3px}.lb-mobile-brand{display:flex;align-items:center;gap:8px;margin-right:auto;font-family:Manrope,sans-serif;font-weight:900;font-size:20px;letter-spacing:-.8px;color:#101a34}.lb-mobile-brand img{width:31px;height:31px}.lb-mobile-avatar{width:34px;height:34px;flex-basis:34px}.lb-page-content>.container{width:calc(100% - 32px)}.lb-page-content .dashboard-main,.lb-page-content .practice-main,.lb-page-content .result-main{padding-top:28px;min-height:calc(100vh - 62px)}.lb-page-content .skill-grid{grid-template-columns:1fr}.lb-page-content .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lb-page-content .stat-card{padding:14px}.lb-page-content .dashboard-welcome{align-items:flex-start}.lb-page-content .practice-heading{align-items:stretch;flex-direction:column}.lb-page-content .reveal-select{min-width:0}.lb-page-content .submit-row{align-items:stretch;flex-direction:column}.lb-page-content .submit-row .btn{width:100%}.lb-page-content .result-card{padding:26px 18px}}
@media(max-width:700px){.lb-sidebar{padding-top:20px}.lb-side-link{min-height:54px}.lb-sidebar-brand{padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.lb-sidebar,.lb-sidebar-backdrop{transition:none}}
/* Sidebar visual refresh: calmer typography, categorized navigation and subtle motion */
.lb-sidebar{width:276px;padding:23px 15px 15px;background:radial-gradient(ellipse at 0% 0%,rgba(53,91,211,.22),transparent 38%),linear-gradient(180deg,#111c37 0%,#0d162c 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:12px 0 40px rgba(13,22,44,.08);scrollbar-width:thin;scrollbar-color:#354565 transparent}
.lb-sidebar:before{content:"";position:absolute;top:0;left:0;width:3px;height:180px;background:linear-gradient(180deg,#ff914d,rgba(78,116,255,0));opacity:.9}
.lb-sidebar-brand{position:relative;gap:12px;padding:1px 10px 23px;margin-bottom:13px;font-size:22px;font-weight:750;letter-spacing:-.7px;border-bottom:1px solid rgba(255,255,255,.08)}
.lb-sidebar-brand img{width:42px;height:42px;filter:drop-shadow(0 5px 12px rgba(68,107,255,.2))}
.lb-sidebar-intro{display:flex;align-items:center;gap:8px;padding:0 12px 13px;color:#8192b5;font-size:9px;font-weight:650;letter-spacing:1.65px}
.lb-status-dot{width:6px;height:6px;border-radius:50%;background:#ff995e;box-shadow:0 0 0 4px rgba(255,145,77,.1);animation:lb-dot-pulse 2.8s ease-in-out infinite}
.lb-icon-library{position:absolute;width:0;height:0;overflow:hidden}
.lb-side-nav{display:flex;flex-direction:column;gap:14px;padding-bottom:15px}
.lb-nav-group{display:flex;flex-direction:column;gap:4px;animation:lb-sidebar-enter .38s both}
.lb-nav-group:nth-of-type(2){animation-delay:.035s}.lb-nav-group:nth-of-type(3){animation-delay:.07s}.lb-nav-group:nth-of-type(4){animation-delay:.105s}
.lb-group-title{padding:0 12px 5px;color:#7182a5;font-size:9px;font-weight:650;letter-spacing:1.35px}
.lb-side-link{gap:10px;min-height:51px;padding:7px 9px;border:1px solid transparent;border-radius:12px;color:#c0cbe0;font-size:12px;font-weight:450;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.lb-side-link:hover{transform:translateX(3px);background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.055);color:#fff}
.lb-side-link.is-active{background:linear-gradient(105deg,rgba(55,94,224,.27),rgba(45,76,166,.12));border-color:rgba(107,139,255,.28);color:#fff;box-shadow:inset 3px 0 0 #ff9858,0 7px 20px rgba(2,8,24,.09)}
.lb-nav-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.045);color:#9aadd5;transition:background .2s ease,color .2s ease,transform .2s ease}
.lb-nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lb-side-link:hover .lb-nav-icon{transform:scale(1.04);background:rgba(104,137,255,.13);color:#c9d6ff}
.lb-side-link.is-active .lb-nav-icon{background:linear-gradient(145deg,#4169e8,#2c4ab3);color:#fff;box-shadow:0 4px 12px rgba(44,74,179,.25)}
.lb-side-copy{gap:4px;line-height:1.2}
.lb-side-copy strong{font-size:12px;font-weight:550;letter-spacing:.05px;color:inherit}
.lb-side-copy small{font-size:10px;font-weight:400;line-height:1.35;color:#8f9fbd;letter-spacing:0}
.lb-side-link.is-active .lb-side-copy small{color:#bdcaff}
.lb-side-link.is-disabled{opacity:.84}.lb-side-link.is-disabled:hover{transform:none;background:rgba(255,255,255,.025);border-color:transparent;color:#c0cbe0}
.lb-soon{padding:3px 5px;border:1px solid rgba(255,255,255,.09);border-radius:5px;background:rgba(255,255,255,.035);color:#8494b3;font-size:7px;font-weight:650;letter-spacing:.4px}
.lb-sidebar-bottom{padding-top:15px}
.lb-user-card{padding:13px 8px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.lb-user-avatar{background:linear-gradient(140deg,#ffb17b,#ff914d);font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(255,145,77,.12)}
.lb-user-info strong{font-size:11px;font-weight:600}.lb-user-info small{font-size:10px;font-weight:400}
.lb-logout-button{padding:9px 10px;font-size:12px;font-weight:500}.lb-logout-button .lb-side-copy strong{font-size:12px;font-weight:500}.lb-logout-button .lb-nav-icon{flex-basis:32px}
.lb-home-link{margin:8px 12px 0;font-size:10px;color:#8193b9}
.lb-app-main{margin-left:276px}
@keyframes lb-sidebar-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes lb-dot-pulse{0%,100%{box-shadow:0 0 0 3px rgba(255,145,77,.08)}50%{box-shadow:0 0 0 5px rgba(255,145,77,.02)}}
@media(max-width:900px){.lb-sidebar{width:264px}.lb-app-main{margin-left:264px}}
@media(max-width:700px){.lb-sidebar{width:min(304px,87vw);padding:19px 13px 14px}.lb-app-main{margin-left:0}.lb-side-link{min-height:50px}.lb-sidebar-brand{padding-bottom:18px}.lb-nav-group{gap:3px}.lb-side-link:hover{transform:none}.lb-mobile-brand{font-weight:650}}
@media(prefers-reduced-motion:reduce){.lb-nav-group,.lb-status-dot{animation:none}.lb-side-link,.lb-nav-icon{transition:none}}
/* LogicByte sidebar layout correction: prevent title/tagline collisions and oversized SVG sprite artifacts */
.lb-sidebar,
.lb-sidebar * { box-sizing: border-box; }
.lb-sidebar {
width: 276px !important;
max-width: 88vw;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
isolation: isolate;
}
.lb-icon-library {
position: fixed !important;
left: -10000px !important;
top: 0 !important;
display: block !important;
width: 1px !important;
height: 1px !important;
min-width: 1px !important;
min-height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.lb-sidebar-brand {
display: flex !important;
flex: 0 0 auto !important;
align-items: center !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
min-width: 0;
line-height: 1 !important;
}
.lb-sidebar-brand > span,
.lb-mobile-brand > span {
display: inline-block !important;
white-space: nowrap !important;
line-height: 1.1 !important;
}
.lb-sidebar-intro {
display: flex !important;
flex: 0 0 auto !important;
align-items: center !important;
white-space: nowrap !important;
line-height: 1.3 !important;
min-height: 24px;
margin-bottom: 10px;
letter-spacing: 1.15px !important;
font-size: 9px !important;
}
.lb-side-nav {
display: flex !important;
flex: 0 0 auto !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 13px !important;
width: 100%;
min-width: 0;
}
.lb-nav-group {
display: flex !important;
flex: 0 0 auto !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 4px !important;
width: 100%;
min-width: 0;
}
.lb-group-title {
display: block !important;
width: 100%;
line-height: 1.4 !important;
white-space: nowrap !important;
margin: 0 0 3px !important;
font-size: 9px !important;
font-weight: 650 !important;
}
.lb-side-link,
.lb-logout-button {
display: flex !important;
flex: 0 0 auto !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 10px !important;
width: 100%;
min-width: 0;
min-height: 52px !important;
padding: 8px 9px !important;
text-align: left !important;
line-height: normal !important;
white-space: normal !important;
}
.lb-nav-icon {
display: grid !important;
place-items: center !important;
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
min-height: 32px !important;
overflow: hidden !important;
}
.lb-nav-icon svg {
display: block !important;
width: 18px !important;
height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
flex: 0 0 18px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.7 !important;
overflow: visible !important;
}
.lb-side-copy {
display: flex !important;
flex: 1 1 0% !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
gap: 4px !important;
min-width: 0 !important;
max-width: 100%;
overflow: hidden;
line-height: 1.25 !important;
}
.lb-side-copy strong {
display: block !important;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
font-family: inherit !important;
font-size: 12.5px !important;
font-weight: 550 !important;
letter-spacing: 0 !important;
line-height: 1.25 !important;
white-space: nowrap !important;
overflow: hidden;
text-overflow: ellipsis;
}
.lb-side-copy small {
display: block !important;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
font-family: inherit !important;
font-size: 10px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
white-space: normal !important;
overflow-wrap: anywhere;
}
.lb-soon {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center;
margin-left: auto !important;
white-space: nowrap !important;
font-size: 7px !important;
}
.lb-sidebar-bottom {
flex: 0 0 auto !important;
margin-top: auto !important;
padding-top: 16px !important;
}
.lb-user-card { min-width: 0; }
.lb-user-info { flex: 1 1 0%; min-width: 0; }
.lb-user-info strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lb-logout-form { width: 100%; }
.lb-home-link { display: inline-block; line-height: 1.5; }
.lb-nav-group { animation: lb-sidebar-enter .34s both; }
.lb-nav-group:nth-child(2) { animation-delay: .04s; }
.lb-nav-group:nth-child(3) { animation-delay: .08s; }
.lb-nav-group:nth-child(4) { animation-delay: .12s; }
.lb-side-link:focus-visible,
.lb-logout-button:focus-visible { outline: 2px solid #ffad75; outline-offset: 2px; }
@media (max-width: 900px) and (min-width: 701px) {
.lb-sidebar { width: 264px !important; }
.lb-app-main { margin-left: 264px !important; }
}
@media (max-width: 700px) {
.lb-sidebar { width: min(304px, 87vw) !important; max-width: 87vw; }
.lb-app-main { margin-left: 0 !important; }
.lb-side-link { min-height: 50px !important; }
.lb-side-copy strong { font-size: 12.5px !important; }
.lb-sidebar-intro { margin-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
.lb-nav-group, .lb-status-dot { animation: none !important; }
.lb-side-link, .lb-nav-icon, .lb-sidebar, .lb-sidebar-backdrop { transition: none !important; }
}
/* Exact-inspired LogicByte sidebar finish: colorful icon tiles, separated title/tagline, soft motion */
.lb-sidebar,.lb-sidebar *{box-sizing:border-box}
.lb-sidebar{width:300px!important;max-width:88vw;background:radial-gradient(ellipse at 8% 0%,rgba(35,91,220,.23),transparent 36%),linear-gradient(160deg,#07152f 0%,#08142c 58%,#061126 100%)!important;padding:24px 16px 14px!important;gap:0!important;border-right:1px solid rgba(94,139,255,.16);box-shadow:12px 0 40px rgba(5,13,32,.18);overflow-x:hidden!important;overflow-y:auto!important}
.lb-sidebar:after{content:"";position:absolute;z-index:-1;right:-120px;top:150px;width:260px;height:360px;border-radius:50%;background:linear-gradient(145deg,rgba(35,91,220,.12),rgba(255,133,64,.025));filter:blur(5px);pointer-events:none}
.lb-sidebar-brand{position:relative;display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:12px!important;padding:0 8px 24px!important;margin:0 0 21px!important;border-bottom:1px solid rgba(141,174,239,.13);white-space:nowrap!important;text-decoration:none}
.lb-sidebar-brand>img{width:48px!important;height:48px!important;flex:0 0 48px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(42,104,255,.2))}
.lb-brand-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-width:0;white-space:nowrap!important}
.lb-sidebar-brand .lb-brand-name{display:block!important;color:#f5f8ff;font-family:Manrope,sans-serif;font-size:24px!important;font-weight:750!important;letter-spacing:-1px!important;line-height:1!important;white-space:nowrap!important}
.lb-sidebar-brand .lb-brand-name>span{color:#4d86ff}.lb-sidebar-brand .lb-brand-name i{font-style:normal;color:#ff913f}
.lb-brand-copy>small{display:block;color:#9eb5df;font-size:9px;font-weight:600;letter-spacing:1.15px;line-height:1.2;white-space:nowrap}
.lb-collapse-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;margin-left:auto;border:1px solid rgba(180,201,244,.09);border-radius:12px;background:rgba(255,255,255,.07);color:#e7efff;font-size:27px;line-height:1;transition:transform .2s,background .2s}
.lb-sidebar-brand:hover .lb-collapse-mark{transform:translateX(-2px);background:rgba(77,134,255,.18)}
.lb-sidebar-intro{display:none!important}
.lb-icon-library{position:fixed!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.lb-side-nav{display:flex!important;flex:1 0 auto!important;flex-direction:column!important;gap:22px!important;width:100%;min-width:0;padding:0 0 16px!important}
.lb-nav-group{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;width:100%;min-width:0;animation:lb-sidebar-enter .36s both}
.lb-nav-group:nth-child(2){animation-delay:.04s}.lb-nav-group:nth-child(3){animation-delay:.08s}.lb-nav-group:nth-child(4){animation-delay:.12s}
.lb-group-title{display:block!important;width:100%;padding:0 12px 7px!important;color:#8fa9d7!important;font-size:11px!important;font-weight:650!important;letter-spacing:.75px!important;line-height:1.4!important;white-space:nowrap!important}
.lb-side-link{position:relative;display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:13px!important;width:100%;min-width:0;min-height:62px!important;padding:8px 9px!important;border:1px solid transparent!important;border-radius:15px!important;background:transparent;color:#edf3ff!important;text-decoration:none!important;font-size:13px!important;font-weight:450!important;line-height:1.25!important;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease!important;white-space:normal!important}
.lb-side-link:hover{transform:translateX(3px);background:rgba(64,112,226,.09)!important;border-color:rgba(109,151,255,.12)!important;color:#fff!important}
.lb-side-link.is-active{background:linear-gradient(105deg,rgba(24,83,207,.38),rgba(25,59,137,.25))!important;border-color:rgba(64,130,255,.25)!important;box-shadow:inset 4px 0 0 #49c8ff,0 10px 24px rgba(0,0,0,.1)!important;color:#fff!important}
.lb-nav-icon{display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;border:1px solid rgba(120,156,225,.08);border-radius:15px!important;background:rgba(48,83,139,.18)!important;color:#54bfff!important;line-height:1!important;transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important}
.lb-nav-icon svg{display:block!important;width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible}
.lb-side-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;min-width:0!important;line-height:1.2!important}
.lb-side-copy strong{display:block!important;margin:0!important;color:inherit!important;font-size:14px!important;font-weight:550!important;line-height:1.25!important;white-space:nowrap!important;letter-spacing:-.12px}
.lb-side-copy small{display:block!important;max-width:100%;margin:0!important;color:#9fb8e2!important;font-size:11px!important;font-weight:400!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.lb-side-link.is-active .lb-side-copy small{color:#91c8ff!important}
.lb-active-mark{position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:0 4px 4px 0;background:#4bd0ff;opacity:0;transition:opacity .2s}
.lb-side-link.is-active .lb-active-mark{opacity:1}
/* Individual icon colours, matching the reference artwork */
.lb-nav-group:nth-child(1) .lb-side-link .lb-nav-icon{color:#65e2ff;background:rgba(17,92,232,.25)!important;border-color:rgba(48,116,255,.25)}
.lb-nav-group:nth-child(2) .lb-side-link:nth-of-type(1) .lb-nav-icon{color:#55aaff;background:rgba(29,91,170,.15)!important}
.lb-nav-group:nth-child(2) .lb-side-link:nth-of-type(2) .lb-nav-icon{color:#ff804d;background:rgba(255,111,71,.1)!important}
.lb-nav-group:nth-child(2) .lb-side-link:nth-of-type(3) .lb-nav-icon{color:#ff4f91;background:rgba(228,48,112,.1)!important}
.lb-nav-group:nth-child(3) .lb-side-link:nth-of-type(1) .lb-nav-icon{color:#37e7b1;background:rgba(22,180,132,.1)!important}
.lb-nav-group:nth-child(3) .lb-side-link:nth-of-type(2) .lb-nav-icon{color:#bd6aff;background:rgba(142,64,220,.12)!important}
.lb-nav-group:nth-child(3) .lb-side-link:nth-of-type(3) .lb-nav-icon{color:#ffba28;background:rgba(220,143,18,.1)!important}
.lb-nav-group:nth-child(3) .lb-side-link:nth-of-type(4) .lb-nav-icon{color:#24d7ed;background:rgba(22,174,205,.1)!important}
.lb-nav-group:nth-child(4) .lb-side-link:nth-of-type(1) .lb-nav-icon{color:#ffa52f;background:rgba(226,131,22,.11)!important}
.lb-nav-group:nth-child(4) .lb-side-link:nth-of-type(2) .lb-nav-icon{color:#4ebeff;background:rgba(26,129,218,.1)!important}
.lb-nav-group:nth-child(4) .lb-side-link:nth-of-type(3) .lb-nav-icon{color:#a8caff;background:rgba(99,139,203,.1)!important}
.lb-side-link:hover .lb-nav-icon{transform:scale(1.04);box-shadow:0 5px 18px rgba(39,100,224,.13)}
.lb-sidebar-bottom{position:relative;flex:0 0 auto!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(141,174,239,.15)}
.lb-user-card{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;padding:8px 3px 12px!important;border:0!important}
.lb-user-avatar{display:grid;place-items:center;width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;background:linear-gradient(145deg,#287dff,#1452d6)!important;color:#fff!important;font-size:16px;font-weight:650!important;box-shadow:0 5px 15px rgba(17,85,218,.2)}
.lb-user-info{display:flex!important;flex:1;flex-direction:column!important;gap:4px!important;min-width:0!important}
.lb-user-info strong{max-width:100%!important;color:#f2f6ff!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.lb-user-info small{max-width:100%;color:#9fb6dc!important;font-size:10px!important;font-weight:400!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.lb-user-chevron{color:#a9c4ef;font-size:27px;line-height:1}
.lb-logout-form{margin-top:0!important;width:100%}
.lb-logout-button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:10px 11px!important;border:1px solid rgba(255,75,87,.36)!important;border-radius:12px!important;background:rgba(123,25,43,.13)!important;color:#ff666d!important;text-align:left;transition:background .2s,border-color .2s,transform .2s!important}
.lb-logout-button .lb-nav-icon{width:30px!important;height:30px!important;flex-basis:30px!important;background:transparent!important;border:0!important;color:#ff666d!important}
.lb-logout-button .lb-nav-icon svg{width:21px!important;height:21px!important}
.lb-logout-button .lb-side-copy strong{font-size:13px!important;font-weight:550!important;color:#ff666d!important}
.lb-logout-button .lb-side-copy small{display:none!important}
.lb-logout-button:hover{transform:translateY(-1px);background:rgba(123,25,43,.25)!important;border-color:rgba(255,75,87,.6)!important}
.lb-home-link{display:none!important}
.lb-app-main{margin-left:300px!important;min-width:0}
.lb-page-content{min-width:0}
.lb-mobile-topbar{display:none}
@media(max-width:1000px){.lb-sidebar{width:282px!important}.lb-app-main{margin-left:282px!important}}
@media(max-width:700px){.lb-sidebar{width:min(320px,88vw)!important;max-width:88vw;transform:translateX(-102%);padding:19px 13px 14px!important;transition:transform .26s cubic-bezier(.2,.75,.25,1)!important;box-shadow:20px 0 55px rgba(0,0,0,.28)}.lb-app-shell.sidebar-open .lb-sidebar{transform:translateX(0)}.lb-app-main{margin-left:0!important;padding-top:62px}.lb-mobile-topbar{position:fixed;inset:0 0 auto 0;height:62px;z-index:80;display:flex;align-items:center;gap:14px;padding:0 16px;background:#fff;border-bottom:1px solid #e6eaf2;box-shadow:0 3px 12px rgba(16,32,64,.05)}.lb-page-content>.container{width:calc(100% - 32px)}.lb-sidebar-brand{padding-bottom:18px!important;margin-bottom:17px!important}.lb-side-nav{gap:17px!important}.lb-side-link{min-height:58px!important;gap:11px!important}.lb-nav-icon{width:44px!important;height:44px!important;flex-basis:44px!important}.lb-side-copy strong{font-size:13px!important}.lb-side-copy small{font-size:10.5px!important}.lb-sidebar-bottom{padding-top:10px!important}}
@keyframes lb-sidebar-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.lb-nav-group,.lb-sidebar,.lb-side-link,.lb-nav-icon,.lb-collapse-mark{animation:none!important;transition:none!important}}