:root{--primary-color: #4F46E5;--primary-dark: #4338CA;--primary-light: #818CF8;--secondary-color: #10B981;--text-primary: #1F2937;--text-secondary: #6B7280;--text-light: #9CA3AF;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--border-color: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-tertiary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.modern-landing{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}.modern-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:var(--transition);padding:1rem 0}.modern-nav.scrolled{background:#fffffffa;border-bottom-color:var(--border-color);box-shadow:var(--shadow-sm)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.5rem;color:var(--text-primary);text-decoration:none}.logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.nav-actions{display:flex;gap:1rem;align-items:center}.hero-section{padding:8rem 0 4rem;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="50" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="90" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{animation:fadeInUp .8s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.gradient-text{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.7;margin-bottom:2rem;color:#ffffffe6;max-width:500px}.hero-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.hero-features{display:flex;gap:2rem;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeInRight .8s ease-out}.card-stack{position:relative;width:300px;height:400px;perspective:1000px}.card{position:absolute;width:280px;height:180px;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:1.5rem;transition:var(--transition);cursor:pointer}.card:hover{transform:translateY(-5px) rotateY(5deg);box-shadow:0 25px 50px -12px #00000040}.card-1{top:0;left:0;z-index:3;transform:rotate(-5deg)}.card-2{top:80px;left:40px;z-index:2;transform:rotate(3deg)}.card-3{top:160px;left:20px;z-index:1;transform:rotate(-2deg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-dots{display:flex;gap:.25rem}.card-dots span{width:8px;height:8px;border-radius:50%;background:#e5e7eb}.card-dots span:nth-child(2){background:#fcd34d}.card-dots span:nth-child(3){background:#10b981}.card-title{font-weight:600;color:var(--text-primary);font-size:.875rem}.card-content{display:flex;flex-direction:column;gap:1rem}.card-question{font-weight:500;color:var(--text-primary)}.card-answer{background:var(--bg-tertiary);padding:.75rem;border-radius:8px;color:var(--text-secondary);font-size:.875rem}.features-section{padding:6rem 0;background:var(--bg-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.section-header p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition);text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1.5rem}.feature-card h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.how-it-works{padding:6rem 0;background:var(--bg-primary)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:900px;margin:0 auto}.step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.25rem;flex-shrink:0}.step-content h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.step-content p{color:var(--text-secondary);line-height:1.6}.cta-section{padding:6rem 0;background:var(--gradient-primary);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="50" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="90" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:0 2rem}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.25rem;margin-bottom:2rem;color:#ffffffe6}.cta-note{margin-top:1rem;font-size:.875rem;color:#ffffffb3}.modern-footer{background:var(--text-primary);color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.footer-brand .logo-icon{background:var(--gradient-secondary)}.footer-brand p{color:var(--text-light);margin:0}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.link-group h5{color:#fff;margin-bottom:1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.link-group a{display:block;color:var(--text-light);text-decoration:none;margin-bottom:.5rem;transition:var(--transition)}.link-group a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center}.footer-bottom p{color:var(--text-light);margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pricing-section{padding:6rem 0;background:var(--bg-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto 4rem}.pricing-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--border-color);padding:2rem;position:relative;transition:var(--transition)}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.pricing-card.popular{border-color:var(--primary-color);transform:scale(1.05)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.currency{font-size:1.25rem;font-weight:500;color:var(--text-secondary)}.amount{font-size:3rem;font-weight:800;color:var(--text-primary)}.period{font-size:1rem;color:var(--text-secondary);font-weight:400}.pricing-subtitle{text-align:center;color:var(--text-secondary);font-size:.875rem;font-weight:500}.pricing-features{margin-bottom:2rem}.feature-check{color:var(--secondary-color);margin-right:.5rem}.payment-info{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:2rem;margin-top:3rem;border:1px solid var(--border-color)}.payment-info h4{text-align:center;margin-bottom:2rem;color:var(--text-primary)}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.payment-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}.payment-method:hover{border-color:var(--primary-color);transform:translateY(-2px)}.payment-icon{width:40px;height:40px;background:var(--gradient-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.payment-details strong{display:block;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.payment-details span{color:var(--text-secondary);font-size:.75rem}.payment-security{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--border-radius);color:#fff}.security-icon{font-size:1.5rem;color:#fff;flex-shrink:0}.security-text strong{display:block;font-size:1rem;margin-bottom:.25rem}.security-text span{font-size:.875rem;opacity:.9}.student-access{padding:6rem 0;background:var(--bg-primary)}.access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:900px;margin:0 auto}.access-card{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);text-align:center;transition:var(--transition)}.access-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.access-icon{width:60px;height:60px;background:var(--gradient-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1.5rem}.access-card h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.access-card p{color:var(--text-secondary);line-height:1.6}.contact-section{padding:6rem 0;background:var(--bg-secondary)}.contact-wrap{max-width:600px;margin:0 auto}.contact-card{background:var(--bg-primary);padding:3rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);text-align:center}.contact-card h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.contact-card p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.contact-form{text-align:left}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.field{margin-bottom:0}.hidden-field{display:none}.submit-field{margin-bottom:0;text-align:center}.submit-btn{width:100%;height:48px;font-size:1rem;font-weight:600;border-radius:var(--border-radius)}@media (max-width: 768px){.nav-container{padding:0 1rem}.hero-section{padding:6rem 0 2rem}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.contact-card{padding:2rem}.form-grid{grid-template-columns:1fr;gap:1rem}.hero-description{font-size:1.125rem;margin:0 auto 2rem}.hero-actions,.hero-features{justify-content:center}.card-stack{transform:scale(.8)}.features-grid{grid-template-columns:1fr}.steps-container{grid-template-columns:1fr;text-align:center}.step{flex-direction:column;align-items:center;text-align:center}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-actions{flex-direction:column;align-items:center}.hero-actions button{width:100%;max-width:300px}.card-stack{transform:scale(.6)}.section-header h2,.cta-content h2{font-size:2rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc}#root{min-height:100vh}*{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}button{cursor:pointer;border:none;background:none}@media (max-width: 768px){.ant-layout-sider{position:fixed!important;z-index:1000!important;height:100vh!important}.ant-layout-content{margin-left:0!important;padding:16px!important}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-name-desktop{display:none!important}.ant-table{font-size:12px!important}.ant-table-thead>tr>th{padding:8px 4px!important;font-size:11px!important}.ant-table-tbody>tr>td{padding:8px 4px!important}.users-table-container .ant-input,.users-table-container .ant-select{font-size:14px!important}}@media (max-width: 576px){.cw-pagination{flex-direction:column;gap:12px;align-items:stretch}.cw-pagination button{width:100%}.ant-layout-content{padding:12px!important}.cw-user-trigger{padding:2px 4px!important}.users-table-container{margin:0 -12px;padding:0 12px}}.cw-dark-menu.ant-menu-dark{background:transparent!important}.cw-dark-menu.ant-menu-dark .ant-menu-item{border-radius:6px;margin:1px 8px;width:calc(100% - 16px);height:36px;line-height:36px;color:#94a3b8;font-size:13.5px}.cw-dark-menu.ant-menu-dark .ant-menu-item:hover{background:#263548!important;color:#e2e8f0!important}.cw-dark-menu.ant-menu-dark .ant-menu-item-selected{background:#334155!important;color:#f1f5f9!important;font-weight:600}.cw-dark-menu.ant-menu-dark .ant-menu-item .anticon{font-size:15px}.cw-section-label{padding:10px 16px 4px;color:#475569;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.cw-stat-card .ant-card-body{padding:20px 20px 20px 0}.ant-table-thead>tr>th{font-weight:600!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.4px!important}.cw-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0;margin-top:4px;border-top:1px solid #f1f5f9;flex-wrap:wrap}@media (max-width: 768px){.cw-pagination{justify-content:center;gap:12px}}@media (max-width: 576px){.cw-pagination{flex-direction:column;align-items:stretch;gap:8px}.cw-pagination .cw-page-info{text-align:center;margin:0}.cw-pagination button{width:100%}}.cw-page-info{font-size:13px;color:#64748b;margin-right:8px;white-space:nowrap}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.ant-table-thead>tr>th{border:2px solid #000}.ant-table-tbody>tr>td{border:1px solid #000}}