@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-card: #1a2030;--bg-hover: #1f2937;--border: rgba(99, 120, 255, .15);--border-hover: rgba(99, 120, 255, .35);--glow: 0 0 0 1px rgba(99, 120, 255, .15), 0 4px 24px rgba(99, 120, 255, .08);--glow-hover: 0 0 0 1px rgba(99, 120, 255, .35), 0 8px 32px rgba(99, 120, 255, .18);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--purple: #7c6aff;--purple-dim: rgba(124, 106, 255, .15);--teal: #2dd4bf;--teal-dim: rgba(45, 212, 191, .12);--pink: #f472b6;--pink-dim: rgba(244, 114, 182, .12);--amber: #fbbf24;--amber-dim: rgba(251, 191, 36, .12);--green: #34d399;--green-dim: rgba(52, 211, 153, .12);--red: #f87171;--red-dim: rgba(248, 113, 113, .12);--gradient: linear-gradient(135deg, #7c6aff, #2dd4bf);--gradient-text: linear-gradient(135deg, #7c6aff, #2dd4bf);--radius: 12px;--radius-sm: 8px;--radius-pill: 999px}body.light{--bg-primary: #f4f6fb;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #f0f2f8;--border: rgba(99, 120, 255, .12);--border-hover: rgba(99, 120, 255, .3);--glow: 0 0 0 1px rgba(99, 120, 255, .1), 0 4px 16px rgba(99, 120, 255, .06);--glow-hover: 0 0 0 1px rgba(99, 120, 255, .25), 0 8px 28px rgba(99, 120, 255, .12);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--purple: #6d5ce7;--purple-dim: rgba(109, 92, 231, .1);--teal: #0d9488;--teal-dim: rgba(13, 148, 136, .1);--pink: #db2777;--pink-dim: rgba(219, 39, 119, .1);--amber: #d97706;--amber-dim: rgba(217, 119, 6, .1);--green: #059669;--green-dim: rgba(5, 150, 105, .1);--red: #dc2626;--red-dim: rgba(220, 38, 38, .1)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100%}body{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s,color .3s}a{text-decoration:none;color:inherit}button{font-family:inherit}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 2rem;position:sticky;top:0;z-index:100;box-shadow:var(--glow)}.navbar-inner{display:flex;align-items:center;height:64px;gap:1.75rem}.navbar ul{display:flex;align-items:center;list-style:none;height:64px;gap:1.75rem;padding:0;margin:0;flex:1}.navbar .logo{font-size:20px;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:auto;letter-spacing:-.5px;white-space:nowrap}.navbar a{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s;white-space:nowrap}.navbar a:hover{color:var(--purple)}.navbar .nav-logout{background:var(--purple-dim);color:var(--purple);border:1px solid var(--border-hover);padding:7px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.navbar .nav-logout:hover{background:var(--purple);color:#fff}.theme-toggle{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-pill);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s;color:var(--text-secondary);flex-shrink:0}.theme-toggle:hover{border-color:var(--border-hover);color:var(--purple)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;flex-direction:column;background:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem 1.5rem;gap:.25rem;position:absolute;top:64px;left:0;right:0;z-index:99;box-shadow:0 8px 24px #0000004d}.mobile-menu.open{display:flex}.mobile-menu a,.mobile-menu button{color:var(--text-secondary);font-size:15px;font-weight:500;padding:.75rem 0;border-bottom:1px solid var(--border);background:none;border-left:none;border-right:none;border-top:none;text-align:left;cursor:pointer;transition:color .2s;width:100%}.mobile-menu a:last-child,.mobile-menu button:last-child{border-bottom:none}.mobile-menu a:hover,.mobile-menu button:hover{color:var(--purple)}.btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-family:inherit}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{opacity:.88}.btn-teal{background:var(--teal);color:#0d1117;font-weight:700}.btn-teal:hover{opacity:.88}.btn-outline{background:transparent;border:1px solid var(--border-hover);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--purple);color:var(--purple)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(248,113,113,.25)}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{padding:6px 14px;font-size:12px}.btn-gradient{background:var(--gradient);color:#fff;font-weight:700;border:none}.btn-gradient:hover{opacity:.88}.badge{padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.3px}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid rgba(124,106,255,.2)}.badge-teal{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(45,212,191,.2)}.badge-pink{background:var(--pink-dim);color:var(--pink);border:1px solid rgba(244,114,182,.2)}.badge-amber{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(251,191,36,.2)}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(52,211,153,.2)}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid rgba(248,113,113,.2)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--glow);transition:box-shadow .25s,border-color .25s,transform .2s}.card:hover{box-shadow:var(--glow-hover);border-color:var(--border-hover)}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .25s,border-color .25s;cursor:pointer;display:flex;flex-direction:column;box-shadow:var(--glow)}.course-card:hover{transform:translateY(-4px);box-shadow:var(--glow-hover);border-color:var(--border-hover)}.course-card .card-image{width:100%;height:160px;object-fit:cover}.course-card .card-image-placeholder{width:100%;height:160px;background:linear-gradient(135deg,var(--purple-dim),var(--teal-dim));display:flex;align-items:center;justify-content:center;font-size:40px;border-bottom:1px solid var(--border)}.course-card .card-body{padding:1rem;flex:1;display:flex;flex-direction:column;gap:6px}.course-card .card-title{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.4}.course-card .card-description{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card .card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.course-card .card-footer{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.course-card .card-price{font-size:15px;font-weight:800;color:var(--purple)}.course-card .card-price.free{color:var(--green)}.courses-page{max-width:1200px;margin:0 auto;padding:2.5rem 2rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:28px;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.courses-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;background:var(--bg-card);color:var(--text-primary);font-family:inherit}.search-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}.search-input::placeholder{color:var(--text-muted)}.filter-select{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;outline:none;background:var(--bg-card);cursor:pointer;color:var(--text-primary);font-family:inherit;transition:border-color .2s}.filter-select:focus{border-color:var(--purple)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.dashboard{max-width:1100px;margin:0 auto;padding:2.5rem 2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:26px;font-weight:800;letter-spacing:-.5px}.dashboard-header h1 span{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{color:var(--text-secondary);font-size:14px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:start}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:var(--glow)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:800;box-shadow:0 0 0 4px var(--purple-dim)}.profile-card h2{font-size:17px;font-weight:700;text-align:center}.profile-card .profile-email{font-size:12px;color:var(--text-secondary);text-align:center}.profile-stats{width:100%;border-top:1px solid var(--border);padding-top:.75rem;display:flex;flex-direction:column;gap:8px}.profile-stat{display:flex;justify-content:space-between;font-size:12px}.profile-stat span:first-child{color:var(--text-secondary)}.profile-stat span:last-child{font-weight:700;color:var(--text-primary)}.dashboard-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--glow);margin-bottom:1.25rem}.dashboard-section h2{font-size:15px;font-weight:700;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.enrolled-course-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.enrolled-course-row:last-child{border-bottom:none}.enrolled-course-row .course-thumb{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--purple-dim);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.enrolled-course-row .course-info{flex:1;min-width:0}.enrolled-course-row .course-info h4{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enrolled-course-row .course-info p{font-size:11px;color:var(--text-secondary);margin-top:2px}.progress-bar-wrap{width:100%;height:4px;background:var(--bg-hover);border-radius:var(--radius-pill);margin-top:6px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient);border-radius:var(--radius-pill);transition:width .6s ease}.create-course-form{display:flex;flex-direction:column;gap:.875rem}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{padding:10px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;background:var(--bg-secondary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.instructor-course-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border);gap:1rem}.instructor-course-row:last-child{border-bottom:none}.instructor-course-row .course-info h4{font-size:13px;font-weight:600}.instructor-course-row .course-info p{font-size:11px;color:var(--text-secondary);margin-top:2px}.instructor-course-row .course-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state .empty-icon{font-size:40px;margin-bottom:.75rem}.empty-state p{font-size:14px}.hero{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(124,106,255,.12) 0%,transparent 70%);pointer-events:none}.hero h1{font-size:48px;font-weight:800;letter-spacing:-1px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;position:relative}.hero p{font-size:17px;color:var(--text-secondary);margin-bottom:2rem;position:relative}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative}.homepage-courses{max-width:1200px;margin:0 auto;padding:3rem 2rem}.homepage-courses h2{font-size:20px;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.3px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2rem}.auth-card{background:var(--bg-card);padding:2.5rem;border-radius:var(--radius);box-shadow:var(--glow-hover);width:100%;max-width:440px;border:1px solid var(--border)}.auth-card h2{font-size:22px;font-weight:800;text-align:center;margin-bottom:.4rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card .auth-subtitle{text-align:center;color:var(--text-secondary);font-size:13px;margin-bottom:1.75rem}.auth-card input,.auth-card select{width:100%;padding:10px 14px;margin-bottom:.875rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary)}.auth-card input:focus,.auth-card select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}.auth-card input::placeholder{color:var(--text-muted)}.auth-error{background:var(--red-dim);color:var(--red);border:1px solid rgba(248,113,113,.2);padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:1rem;text-align:center}.auth-footer{text-align:center;margin-top:1.25rem;font-size:12px;color:var(--text-secondary)}.auth-footer a{color:var(--purple);font-weight:600}footer{background:var(--bg-secondary)!important;border-top:1px solid var(--border)!important;border:none!important;padding:1.5rem 2rem!important}footer p{color:var(--text-secondary)!important;font-size:13px!important}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.error-text{color:var(--red);font-size:12px}.success-text{color:var(--green);font-size:12px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 900px){.dashboard-grid{grid-template-columns:220px 1fr}}@media (max-width: 768px){.navbar{padding:0 1rem;position:relative}.navbar ul{display:none}.navbar-inner{justify-content:space-between}.hamburger{display:flex}.hero{padding:3rem 1.25rem}.hero h1{font-size:30px;letter-spacing:-.5px}.hero p{font-size:14px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons button{width:100%;max-width:280px}.courses-page{padding:1.5rem 1rem}.courses-filters{flex-direction:column}.search-input,.filter-select{width:100%}.courses-grid{grid-template-columns:1fr}.page-header h1{font-size:22px}.homepage-courses{padding:2rem 1rem}.dashboard{padding:1.5rem 1rem}.dashboard-header h1{font-size:20px}.dashboard-grid,.form-row{grid-template-columns:1fr}.instructor-course-row{flex-direction:column;align-items:flex-start}.instructor-course-row .course-actions{width:100%;justify-content:flex-start;margin-top:.5rem}.enrolled-course-row{flex-wrap:wrap}.course-detail-grid{grid-template-columns:1fr!important}.auth-container{padding:2rem 1rem 1.5rem;align-items:flex-start}.auth-card{padding:1.5rem}.about-stats-grid{grid-template-columns:repeat(2,1fr)!important}.about-features-grid{grid-template-columns:1fr!important}footer{flex-direction:column!important;text-align:center;gap:.75rem!important;padding:1rem!important}}@media (max-width: 480px){.hero h1{font-size:24px}.dashboard-section h2{font-size:13px}.courses-grid{grid-template-columns:1fr}.auth-card{padding:1.25rem}.profile-card{padding:1rem}.profile-avatar{width:56px;height:56px;font-size:22px}}@media (max-width: 768px){.mobile-topbar{display:flex!important}}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 64px)}.auth-visual{background:linear-gradient(135deg,#7c6aff,#2dd4bf);display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.12) 0%,transparent 60%)}.signup-visual{background:linear-gradient(135deg,#2dd4bf,#7c6aff)}.auth-visual-content{position:relative;z-index:1;text-align:center;color:#fff}.auth-brand-mark{width:64px;height:64px;border-radius:16px;background:#fff3;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;margin:0 auto 1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-tagline{font-size:28px;font-weight:800;color:#fff;line-height:1.3;letter-spacing:-.5px;margin-bottom:2rem}.auth-visual-dots{display:flex;gap:8px;justify-content:center}.auth-visual-dots span{width:8px;height:8px;border-radius:50%;background:#fff6}.auth-visual-dots span:first-child{background:#fff;width:24px;border-radius:4px}.auth-step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:.75rem}.auth-step-dot{width:12px;height:12px;border-radius:50%;background:#ffffff59;transition:background .3s}.auth-step-dot.active{background:#fff}.auth-step-line{width:40px;height:2px;background:#ffffff59;margin:0 8px}.auth-step-label{font-size:13px;color:#ffffffbf;font-weight:500}.auth-form-side{background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:3rem 2rem;overflow-y:auto}.auth-form-wrapper{width:100%;max-width:400px}.auth-header{margin-bottom:2rem}.auth-label{font-size:13px;font-weight:600;color:var(--purple);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem}.auth-title{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.auth-error{background:var(--red-dim);color:var(--red);border:1px solid rgba(248,113,113,.2);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:1.25rem;display:flex;align-items:center;gap:8px}.auth-error-icon{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--red);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.auth-input{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;background:var(--bg-card);color:var(--text-primary)}.auth-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}.auth-input::placeholder{color:var(--text-muted)}.auth-select{cursor:pointer}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-wrapper .auth-input{padding-right:60px}.auth-toggle-password{position:absolute;right:12px;background:none;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;padding:4px;transition:color .2s}.auth-toggle-password:hover{color:var(--purple)}.auth-submit{width:100%;padding:13px;background:var(--gradient);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit;margin-top:.25rem}.auth-submit:hover{opacity:.88}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit-sm{flex:1}.auth-btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.auth-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-role-card{padding:14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;text-align:left;transition:all .2s;display:flex;flex-direction:column;gap:4px;font-family:inherit}.auth-role-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.auth-role-card.selected{border-color:var(--purple);background:var(--purple-dim);box-shadow:0 0 0 1px var(--purple)}.auth-role-label{font-size:14px;font-weight:700;color:var(--text-primary)}.auth-role-desc{font-size:11px;color:var(--text-secondary)}.auth-role-card.selected .auth-role-label{color:var(--purple)}.auth-step-actions{display:flex;gap:10px;align-items:center;margin-top:.25rem}.auth-back{padding:13px 18px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.auth-back:hover{border-color:var(--border-hover);color:var(--text-primary)}.auth-switch{text-align:center;margin-top:1.5rem;font-size:13px;color:var(--text-secondary)}.auth-link{color:var(--purple);font-weight:600;transition:opacity .2s}.auth-link:hover{opacity:.8}@media (max-width: 768px){.auth-page{grid-template-columns:1fr;min-height:calc(100vh - 64px)}.auth-visual{padding:2.5rem 2rem;min-height:220px;align-items:flex-end}.auth-visual-content{text-align:left;width:100%}.auth-brand-mark{margin:0 0 1rem;width:48px;height:48px;font-size:22px;border-radius:12px}.auth-tagline{font-size:22px;margin-bottom:1rem}.auth-visual-dots,.auth-step-indicator{justify-content:flex-start}.auth-form-side{padding:2rem 1.25rem;align-items:flex-start}.auth-form-wrapper{max-width:100%}.auth-title{font-size:24px}}@media (max-width: 480px){.auth-visual{min-height:180px;padding:1.75rem 1.25rem}.auth-tagline{font-size:20px}.auth-role-grid{grid-template-columns:1fr 1fr}}