.modal-overlay[data-v-a1038fff]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-container[data-v-a1038fff]{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-card[data-v-a1038fff]{background:#fff;border-radius:24px;padding:0;position:relative;box-shadow:0 20px 60px #2563eb40;border:1px solid rgba(37,99,235,.1);overflow:hidden;animation:modalSlideIn-a1038fff .3s ease-out}.modal-card[data-v-a1038fff]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer-a1038fff 3s infinite}@keyframes shimmer-a1038fff{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes modalSlideIn-a1038fff{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close[data-v-a1038fff]{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:var(--gray-600)}.modal-close[data-v-a1038fff]:hover{background:var(--gray-200);color:var(--gray-900);transform:rotate(90deg)}.modal-header[data-v-a1038fff]{padding:48px 48px 32px;text-align:center;border-bottom:1px solid var(--gray-100)}.modal-title[data-v-a1038fff]{font-size:28px;font-weight:700;color:var(--gray-900);margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.modal-content[data-v-a1038fff]{padding:32px 48px 48px}.offer-text[data-v-a1038fff]{text-align:center;margin-bottom:32px}.offer-main[data-v-a1038fff]{font-size:18px;font-weight:600;color:var(--gray-800);margin-bottom:8px}.offer-subtitle[data-v-a1038fff]{font-size:14px;font-weight:500;color:var(--gray-600);margin-bottom:16px}.price-section[data-v-a1038fff]{display:flex;flex-direction:column;align-items:center;gap:8px}.price-label[data-v-a1038fff]{font-size:14px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.price-container[data-v-a1038fff]{display:flex;align-items:baseline;gap:12px}.price-current[data-v-a1038fff]{font-size:48px;font-weight:700;color:var(--primary-blue);line-height:1}.price-old[data-v-a1038fff]{font-size:24px;font-weight:600;color:var(--gray-400);text-decoration:line-through}.payment-form[data-v-a1038fff]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-a1038fff]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-a1038fff]{font-size:14px;font-weight:600;color:var(--gray-700)}.form-input[data-v-a1038fff]{width:100%;padding:14px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:16px;transition:all .3s ease;font-family:inherit}.form-input[data-v-a1038fff]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input[data-v-a1038fff]::placeholder{color:var(--gray-400)}.agreement-section[data-v-a1038fff]{display:flex;flex-direction:column;gap:16px}.checkbox-label[data-v-a1038fff]{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-input[data-v-a1038fff]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:var(--primary-blue)}.checkbox-text[data-v-a1038fff]{font-size:13px;line-height:1.5;color:var(--gray-600)}.auto-payment-checkbox[data-v-a1038fff]{margin-top:8px}.auto-payment-checkbox .checkbox-text[data-v-a1038fff]{font-size:13px;line-height:1.6;color:var(--gray-700);font-weight:500}.agreement-text[data-v-a1038fff]{font-size:12px;line-height:1.5;color:var(--gray-600);margin:0}.link[data-v-a1038fff]{color:var(--primary-blue);text-decoration:underline;transition:color .3s ease}.link[data-v-a1038fff]:hover{color:var(--primary-blue-dark)}.btn-pay[data-v-a1038fff]{width:100%;padding:16px 32px;background:var(--primary-blue);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-pay[data-v-a1038fff]:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-pay[data-v-a1038fff]:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.error-message[data-v-a1038fff]{margin-top:16px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;text-align:center}.modal-enter-active[data-v-a1038fff],.modal-leave-active[data-v-a1038fff]{transition:opacity .3s ease}.modal-enter-active .modal-card[data-v-a1038fff],.modal-leave-active .modal-card[data-v-a1038fff]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-a1038fff],.modal-leave-to[data-v-a1038fff]{opacity:0}.modal-enter-from .modal-card[data-v-a1038fff],.modal-leave-to .modal-card[data-v-a1038fff]{transform:translateY(-20px) scale(.95);opacity:0}@media(max-width:768px){.modal-container[data-v-a1038fff]{max-width:100%;padding:0}.modal-header[data-v-a1038fff]{padding:40px 32px 24px}.modal-title[data-v-a1038fff]{font-size:24px}.modal-content[data-v-a1038fff]{padding:24px 32px 40px}.offer-main[data-v-a1038fff]{font-size:16px}.price-current[data-v-a1038fff]{font-size:40px}.price-old[data-v-a1038fff]{font-size:20px}.modal-close[data-v-a1038fff]{top:16px;right:16px;width:36px;height:36px}}@media(max-width:480px){.modal-overlay[data-v-a1038fff]{padding:0}.modal-card[data-v-a1038fff]{border-radius:0;min-height:100vh;max-height:100vh}.modal-header[data-v-a1038fff]{padding:32px 24px 20px}.modal-title[data-v-a1038fff]{font-size:20px}.modal-content[data-v-a1038fff]{padding:20px 24px 32px}.price-current[data-v-a1038fff]{font-size:36px}}.modal-overlay[data-v-ef80257f]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-container[data-v-ef80257f]{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-card[data-v-ef80257f]{background:#fff;border-radius:24px;padding:0;position:relative;box-shadow:0 20px 60px #2563eb40;border:1px solid rgba(37,99,235,.1);overflow:hidden;animation:modalSlideIn-ef80257f .3s ease-out}.modal-card[data-v-ef80257f]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer-ef80257f 3s infinite}@keyframes shimmer-ef80257f{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes modalSlideIn-ef80257f{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close[data-v-ef80257f]{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:var(--gray-600)}.modal-close[data-v-ef80257f]:hover{background:var(--gray-200);color:var(--gray-900);transform:rotate(90deg)}.modal-header[data-v-ef80257f]{padding:48px 48px 32px;text-align:center;border-bottom:1px solid var(--gray-100)}.modal-title[data-v-ef80257f]{font-size:28px;font-weight:700;color:var(--gray-900);margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.modal-content[data-v-ef80257f]{padding:32px 48px 48px}.description-text[data-v-ef80257f]{text-align:center;margin-bottom:32px}.description-main[data-v-ef80257f]{font-size:18px;font-weight:600;color:var(--gray-800);margin-bottom:8px}.cancel-form[data-v-ef80257f]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-ef80257f]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-ef80257f]{font-size:14px;font-weight:600;color:var(--gray-700)}.form-input[data-v-ef80257f]{width:100%;padding:14px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:16px;transition:all .3s ease;font-family:inherit}.form-input[data-v-ef80257f]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input[data-v-ef80257f]:disabled{background-color:var(--gray-50);cursor:not-allowed;opacity:.7}.form-input[data-v-ef80257f]::placeholder{color:var(--gray-400)}.form-input-error[data-v-ef80257f]{border-color:#ef4444}.form-input-error[data-v-ef80257f]:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message[data-v-ef80257f]{font-size:13px;color:#ef4444;margin:0;animation:fadeIn-ef80257f .3s ease}.success-message[data-v-ef80257f]{font-size:13px;color:#10b981;margin:0;animation:fadeIn-ef80257f .3s ease;font-weight:500}@keyframes fadeIn-ef80257f{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-cancel[data-v-ef80257f]{width:100%;padding:16px 32px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;position:relative;overflow:hidden}.btn-cancel[data-v-ef80257f]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-cancel[data-v-ef80257f]:hover:not(:disabled):before{left:100%}.btn-cancel[data-v-ef80257f]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 10px 25px #ef44444d}.btn-cancel[data-v-ef80257f]:active:not(:disabled){transform:translateY(0)}.btn-cancel[data-v-ef80257f]:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.modal-enter-active[data-v-ef80257f],.modal-leave-active[data-v-ef80257f]{transition:opacity .3s ease}.modal-enter-active .modal-card[data-v-ef80257f],.modal-leave-active .modal-card[data-v-ef80257f]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-ef80257f],.modal-leave-to[data-v-ef80257f]{opacity:0}.modal-enter-from .modal-card[data-v-ef80257f],.modal-leave-to .modal-card[data-v-ef80257f]{transform:translateY(-20px) scale(.95);opacity:0}@media(max-width:768px){.modal-container[data-v-ef80257f]{max-width:100%;padding:0}.modal-header[data-v-ef80257f]{padding:40px 32px 24px}.modal-title[data-v-ef80257f]{font-size:24px}.modal-content[data-v-ef80257f]{padding:24px 32px 40px}.description-main[data-v-ef80257f]{font-size:16px}.modal-close[data-v-ef80257f]{top:16px;right:16px;width:36px;height:36px}}@media(max-width:480px){.modal-overlay[data-v-ef80257f]{padding:0}.modal-card[data-v-ef80257f]{border-radius:0;min-height:100vh;max-height:100vh}.modal-header[data-v-ef80257f]{padding:32px 24px 20px}.modal-title[data-v-ef80257f]{font-size:20px}.modal-content[data-v-ef80257f]{padding:20px 24px 32px}}:root{--primary-blue: #2563eb;--primary-blue-dark: #1e40af;--primary-blue-light: #3b82f6;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-red: #ef4444;--accent-orange: #f59e0b;--color-pink: #ec4899;--color-pink-light: #f472b6;--color-pink-dark: #db2777;--color-purple: #a855f7;--color-purple-light: #c084fc;--color-purple-dark: #9333ea;--color-orange: #f97316;--color-orange-light: #fb923c;--color-orange-dark: #ea580c;--color-cyan: #06b6d4;--color-cyan-light: #22d3ee;--color-cyan-dark: #0891b2;--color-yellow: #eab308;--color-yellow-light: #facc15;--color-yellow-dark: #ca8a04;--color-indigo: #6366f1;--color-indigo-light: #818cf8;--color-indigo-dark: #4f46e5;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-blue: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-light: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-dashboard: linear-gradient(135deg, rgba(102, 126, 234, .08) 0%, rgba(118, 75, 162, .08) 50%, rgba(240, 147, 251, .08) 100%);--gradient-dashboard-bg: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 50%, #fef3f2 100%);--gradient-course-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-course-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-course-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-course-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-course-5: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-course-6: linear-gradient(135deg, #30cfd0 0%, #330867 100%);--gradient-progress-blue: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);--gradient-progress-green: linear-gradient(90deg, #10b981 0%, #06b6d4 100%);--gradient-progress-orange: linear-gradient(90deg, #f59e0b 0%, #ec4899 100%);--gradient-progress-purple: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);--gradient-achievement-common: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);--gradient-achievement-rare: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-achievement-epic: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--gradient-achievement-legendary: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-card-blue: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(99, 102, 241, .1) 100%);--gradient-card-purple: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(168, 85, 247, .1) 100%);--gradient-card-pink: linear-gradient(135deg, rgba(236, 72, 153, .1) 0%, rgba(244, 114, 182, .1) 100%);--gradient-card-orange: linear-gradient(135deg, rgba(249, 115, 22, .1) 0%, rgba(251, 146, 60, .1) 100%);--gradient-card-cyan: linear-gradient(135deg, rgba(6, 182, 212, .1) 0%, rgba(34, 211, 238, .1) 100%);--glow-blue: 0 0 20px rgba(59, 130, 246, .4);--glow-purple: 0 0 20px rgba(139, 92, 246, .4);--glow-pink: 0 0 20px rgba(236, 72, 153, .4);--glow-orange: 0 0 20px rgba(249, 115, 22, .4);--glow-green: 0 0 20px rgba(16, 185, 129, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 8px 32px rgba(59, 130, 246, .2);--container-width: 1200px;--section-spacing: 120px}@media(max-width:768px){:root{--section-spacing: 60px}}.panel-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--gray-50)}.panel-content-wrapper{display:flex;flex:1;gap:0}.panel-main{flex:1;padding-top:0;padding-bottom:40px}.panel-header{background:linear-gradient(135deg,#fff,#3b82f60d,#8b5cf60d);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--primary-blue),var(--color-purple)) 1;padding:16px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #3b82f61a}.panel-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-progress-purple);opacity:.6}.panel-header-content{display:flex;align-items:center;justify-content:flex-start;gap:32px;position:relative}.panel-mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:101;position:relative}.panel-mobile-menu-toggle span{width:24px;height:2px;background:var(--gray-700);transition:all .3s ease;border-radius:2px;display:block}.panel-mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(7px)}.panel-mobile-menu-toggle.active span:nth-child(2){opacity:0}.panel-mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.panel-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:20px;font-weight:700;background:var(--gradient-progress-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease;position:relative}.panel-logo:hover{transform:scale(1.05);filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.panel-logo:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gradient-progress-purple);transform:scaleX(0);transition:transform .3s ease}.panel-logo:hover:after{transform:scaleX(1)}.panel-logo .logo-image{width:32px;height:32px;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 8px #3b82f633}.panel-logo:hover .logo-image{transform:rotate(5deg) scale(1.1);box-shadow:0 4px 12px #8b5cf666;animation:bounce .6s ease-in-out}.panel-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto}.panel-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.panel-user-email{font-weight:600;color:var(--gray-900);font-size:16px}.panel-user-subscription{display:flex;align-items:center;gap:12px;font-size:14px}.panel-subscription-status{color:var(--accent-green);font-weight:600}.panel-subscription-expires{color:var(--gray-600)}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--gray-700)}.form-input{width:100%;padding:14px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:16px;transition:all .3s ease;font-family:inherit;background:#fff;color:var(--gray-900)}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--accent-red)}.form-input:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.form-error{color:var(--accent-red);font-size:14px;margin-top:4px}.login-view{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-light);padding:15px 0}.login-wrapper{display:grid;grid-template-columns:60% 40%;gap:60px;align-items:stretch;width:100%;max-width:1200px}.login-container{width:100%;max-width:480px;justify-self:end}.login-card{background:#fff;border-radius:16px;padding:40px;box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:32px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.login-subtitle{font-size:16px;color:var(--gray-600)}.login-step{width:100%}.login-form{display:flex;flex-direction:column;gap:24px}.code-sent-info{text-align:center;margin-bottom:24px;padding:16px;background:var(--gray-50);border-radius:8px}.code-sent-text{font-size:14px;color:var(--gray-700);margin-bottom:8px}.test-code-hint{font-size:14px;color:var(--accent-green);font-weight:600;margin:8px 0;padding:8px;background:#10b9811a;border-radius:6px}.login-illustration{width:100%;max-width:600px;justify-self:start;position:relative;height:100%;display:flex}.illustration-content{position:relative;background:var(--gradient-blue);border-radius:24px;padding:24px;text-align:center;color:#fff;box-shadow:var(--shadow-xl);overflow:visible;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}.illustration-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.mascot-container{position:absolute;top:-20%;right:0;width:150px;height:150px;z-index:3;pointer-events:none;overflow:visible}.mascot-character{font-size:70px;position:absolute;top:10px;right:10px;animation:gentleShake 3s ease-in-out infinite;z-index:4}.mascot-decoration{position:absolute;font-size:24px;animation:float 4s ease-in-out infinite;z-index:3}.mascot-star-1{top:-10px;right:30px;animation-delay:0s}.mascot-star-2{top:20px;right:-5px;animation-delay:1s}.mascot-star-3{top:50px;right:40px;animation-delay:2s}.mascot-gamepad{top:80px;right:-10px;animation-delay:.5s}.mascot-code{top:100px;right:20px;animation-delay:1.5s}.illustration-title{font-size:24px;font-weight:700;margin-bottom:6px;position:relative;z-index:1}.illustration-subtitle{font-size:14px;opacity:.9;margin-bottom:16px;position:relative;z-index:1}.illustration-features{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.illustration-feature{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:12px;transition:all .3s ease}.illustration-feature:hover{background:#ffffff40;transform:translate(8px)}.feature-icon{font-size:20px}.feature-text{font-size:14px;font-weight:600}.code-change-email{background:none;border:none;color:var(--primary-blue);font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.code-change-email:hover{color:var(--primary-blue-dark)}.code-input-container{width:100%}.code-input-wrapper{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.code-input-digit{width:56px;height:64px;border:2px solid var(--gray-300);border-radius:12px;text-align:center;font-size:24px;font-weight:600;color:var(--gray-900);transition:all .2s ease;background:#fff}.code-input-digit:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.code-input-digit.has-value{border-color:var(--primary-blue);background:var(--gray-50)}.code-input-error{text-align:center;color:var(--accent-red);font-size:14px;margin-top:8px}.panel-dashboard-section{padding:60px 0}.dashboard-container{background:var(--gradient-dashboard-bg);min-height:100vh;position:relative}.dashboard-container:before{content:"";position:absolute;inset:0;background:var(--gradient-dashboard);pointer-events:none;z-index:0}.dashboard-container>*{position:relative;z-index:1}.dashboard-section{padding:24px 0}.dashboard-section-compact{padding:20px 0}.dashboard-section:first-child{padding-top:32px}.dashboard-section:last-child{padding-bottom:32px}.dashboard-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.dashboard-grid-2-3{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.dashboard-col-left,.dashboard-col-right{display:flex;flex-direction:column;align-items:stretch}.dashboard-col-right>*{flex-shrink:0}.courses-section-compact{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow-md);height:100%;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-card-blue);background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease}.courses-section-compact:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.courses-section-compact .section-header{margin-bottom:16px;text-align:left}.courses-section-compact .section-label{font-size:12px;margin-bottom:4px}.courses-section-compact .section-title{font-size:20px;margin-bottom:0;font-weight:600}.courses-grid-compact{display:flex;flex-direction:column;gap:12px}.courses-empty{text-align:center;padding:24px;color:var(--gray-500);font-size:14px}.course-card-compact{background:#fff;border-radius:12px;padding:16px;border:2px solid var(--gray-200);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:0;transform:translateY(20px);position:relative;overflow:hidden}.course-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-course-1);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.course-card-compact:nth-child(1):before{background:var(--gradient-course-1)}.course-card-compact:nth-child(2):before{background:var(--gradient-course-2)}.course-card-compact:nth-child(3):before{background:var(--gradient-course-3)}.course-card-compact:nth-child(4):before{background:var(--gradient-course-4)}.course-card-compact:nth-child(5):before{background:var(--gradient-course-5)}.course-card-compact:nth-child(6):before{background:var(--gradient-course-6)}.course-card-compact:nth-child(1){border-color:#667eea4d}.course-card-compact:nth-child(1):hover{border-color:#667eea99;box-shadow:0 0 20px #667eea4d,var(--shadow-lg)}.course-card-compact:nth-child(2){border-color:#f093fb4d}.course-card-compact:nth-child(2):hover{border-color:#f093fb99;box-shadow:0 0 20px #f093fb4d,var(--shadow-lg)}.course-card-compact:nth-child(3){border-color:#4facfe4d}.course-card-compact:nth-child(3):hover{border-color:#4facfe99;box-shadow:0 0 20px #4facfe4d,var(--shadow-lg)}.course-card-compact:nth-child(4){border-color:#43e97b4d}.course-card-compact:nth-child(4):hover{border-color:#43e97b99;box-shadow:0 0 20px #43e97b4d,var(--shadow-lg)}.course-card-compact:nth-child(5){border-color:#fa709a4d}.course-card-compact:nth-child(5):hover{border-color:#fa709a99;box-shadow:0 0 20px #fa709a4d,var(--shadow-lg)}.course-card-compact:nth-child(6){border-color:#30cfd04d}.course-card-compact:nth-child(6):hover{border-color:#30cfd099;box-shadow:0 0 20px #30cfd04d,var(--shadow-lg)}.course-card-compact.visible{opacity:1;transform:translateY(0);animation:fadeInUp .5s ease-out}.course-card-compact.visible:before{animation:slideInRight .6s ease-out .3s forwards}.course-card-skeleton{opacity:1!important;transform:none!important;cursor:default;pointer-events:none}.progress-card-skeleton,.badge-card-skeleton,.achievement-card-skeleton,.roadmap-step-skeleton,.roadmap-progress-card-skeleton,.news-item-skeleton{opacity:1!important;transform:none!important}.course-card-compact:hover{transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,#fff,#3b82f60d)}.course-card-compact:hover:before{transform:scaleX(1)}.course-card-compact.featured{border-color:var(--primary-blue);background:linear-gradient(135deg,#fff,#3b82f61a);box-shadow:var(--glow-blue),var(--shadow-md);animation:pulseGlow 2s ease-in-out infinite}.course-card-compact.featured:hover{animation:pulseGlow 1s ease-in-out infinite;transform:translateY(-4px) scale(1.03)}.course-card-compact .course-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-card-compact .course-emoji{font-size:40px;transition:all .3s ease;display:inline-block;animation:floatSlow 3s ease-in-out infinite}.course-card-compact:hover .course-emoji{transform:scale(1.1) rotate(5deg);animation:bounce .6s ease-in-out}.course-card-compact .course-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;background:#10b9811a;color:var(--accent-green)}.course-card-compact .course-card-title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--gray-900);line-height:1.4}.course-card-compact .course-card-description{font-size:13px;color:var(--gray-600);margin-bottom:8px}.course-card-compact .course-list{list-style:none;padding:0;margin:0 0 8px}.course-card-compact .course-list li{font-size:12px;color:var(--gray-600);margin-bottom:4px;line-height:1.4}.course-card-compact .course-result{font-size:12px;color:var(--gray-700);margin-bottom:12px;padding:8px;background:var(--gray-100);border-radius:6px}.course-card-compact .course-result strong{color:var(--gray-900)}.course-card-compact .btn-course{display:inline-block;padding:8px 16px;background:var(--primary-blue);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s ease;text-align:center;width:100%}.course-card-compact .btn-course:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.progress-section-standalone{background:#fff;border-radius:16px;padding:20px 20px 12px;box-shadow:var(--shadow-md);height:fit-content;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-card-purple);background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease;align-self:flex-start}.progress-section-standalone:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.progress-section-standalone .section-header{margin-bottom:16px;text-align:left}.progress-section-standalone .section-label{font-size:12px;margin-bottom:4px}.progress-section-standalone .section-title{font-size:20px;margin-bottom:0;font-weight:600}.progress-courses{display:flex;flex-direction:column;gap:12px}.progress-section-standalone .progress-courses{margin-bottom:0}.progress-section-standalone .progress-card:last-child{margin-bottom:0}.progress-empty{text-align:center;padding:24px 24px 0;color:var(--gray-500);font-size:14px}.progress-section-standalone .progress-empty{padding-bottom:0}.badges-section-standalone{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow-md);height:100%;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-card-pink);background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease}.badges-section-standalone:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.badges-section-standalone .section-header{margin-bottom:12px;text-align:left}.badges-section-standalone .section-label{font-size:12px;margin-bottom:4px}.badges-section-standalone .section-title{font-size:20px;margin-bottom:0;font-weight:600}.badges-section-standalone .badges-grid{display:grid;grid-template-columns:1fr;gap:12px;max-height:500px;overflow-y:auto;margin-top:0;padding-top:0}.badges-empty{text-align:center;padding:24px;color:var(--gray-500);font-size:14px}.badges-section-standalone .badges-grid::-webkit-scrollbar{width:6px}.badges-section-standalone .badges-grid::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.badges-section-standalone .badges-grid::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.badges-section-standalone .badges-grid::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.badges-section-standalone .badge-card{opacity:1;transform:none}.badges-section-standalone .badge-card.visible{opacity:1;transform:none;animation:none}.roadmap-section-standalone{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow-md);height:100%;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-card-cyan);background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease}.roadmap-section-standalone:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.roadmap-section-standalone .section-header{margin-bottom:16px;text-align:left}.roadmap-section-standalone .section-label{font-size:12px;margin-bottom:4px}.roadmap-section-standalone .section-title{font-size:20px;margin-bottom:0;font-weight:600}.roadmap-content{display:flex;flex-direction:column;gap:24px}.roadmap-section-standalone .roadmap-content{gap:16px}.roadmap-section-standalone .roadmap-current-progress{margin-bottom:0}.roadmap-next-steps{margin-top:0}.roadmap-subtitle{font-size:20px;margin-bottom:16px}.roadmap-steps-list{gap:12px}.roadmap-empty{text-align:center;padding:24px;color:var(--gray-500);font-size:14px}.roadmap-step{padding:16px}.roadmap-recommended{margin-top:0}.news-feed-section-standalone{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow-md);height:100%;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-card-pink);background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease}.news-feed-section-standalone:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.news-feed-section-standalone .section-header{margin-bottom:16px;text-align:left}.news-feed-section-standalone .section-label{font-size:12px;margin-bottom:4px}.news-feed-section-standalone .section-title{font-size:20px;margin-bottom:0;font-weight:600}.news-feed-section-standalone .news-feed-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.news-empty{text-align:center;padding:24px;color:var(--gray-500);font-size:14px}.news-feed-section-standalone .news-feed-list::-webkit-scrollbar{width:6px}.news-feed-section-standalone .news-feed-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.news-feed-section-standalone .news-feed-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.news-feed-section-standalone .news-feed-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.news-item{padding:16px}.progress-section{padding:60px 0;background:var(--gray-50)}.progress-courses{display:flex;flex-direction:column;gap:24px;margin-bottom:48px}.progress-card{background:#fff;border-radius:12px;padding:16px;border:2px solid var(--gray-200);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-progress-blue);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.progress-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.progress-card.visible:before{animation:slideInRight .8s ease-out .2s forwards}.progress-card:hover{box-shadow:var(--shadow-glow),var(--shadow-lg);border-color:var(--primary-blue);transform:translateY(-2px);background:linear-gradient(135deg,#fff,#3b82f60d)}.progress-card:hover:before{transform:scaleY(1)}.progress-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-course-info{display:flex;align-items:center;gap:16px}.progress-course-emoji{font-size:48px;transition:all .3s ease;display:inline-block;animation:floatSlow 3s ease-in-out infinite}.progress-card:hover .progress-course-emoji{transform:scale(1.1) rotate(5deg);animation:bounce .6s ease-in-out}.progress-course-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.progress-course-stats{font-size:13px;color:var(--gray-600)}.progress-percentage{font-size:20px;font-weight:700;color:var(--primary-blue)}.progress-bar-container{width:100%;height:8px;background:var(#0357ff);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:var(--gradient-progress-blue);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #3b82f64d}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.badges-section{margin-top:48px}.badges-title{font-size:24px;font-weight:700;color:var(--gray-900);margin-bottom:24px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.badge-card{background:#fff;border-radius:12px;padding:12px;border:2px solid var(--gray-200);display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);position:relative;overflow:hidden}.badge-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-progress-green);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.badge-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .5s ease-out}.badge-card.visible:before{animation:slideInRight .6s ease-out .2s forwards}.badge-card.badge-earned{border-color:var(--accent-green);background:linear-gradient(135deg,#fff,#10b9811a);box-shadow:var(--glow-green),var(--shadow-sm)}.badge-card.badge-earned:before{background:var(--gradient-progress-green);transform:scaleY(1)}.badge-card.badge-earned:hover{box-shadow:var(--glow-green),var(--shadow-lg);transform:translateY(-3px) scale(1.02);animation:pulseGlow 1.5s ease-in-out infinite}.badge-card.badge-locked{opacity:.7;background:var(--gray-50);filter:grayscale(.3)}.badge-card:hover{box-shadow:var(--shadow-glow),var(--shadow-md);border-color:var(--accent-green);transform:translateY(-2px)}.badge-icon{font-size:40px;flex-shrink:0;transition:all .3s ease;display:inline-block;animation:floatSlow 3s ease-in-out infinite}.badge-card.badge-earned .badge-icon{animation:floatSlow 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.badge-card:hover .badge-icon{transform:scale(1.15) rotate(5deg);animation:bounce .6s ease-in-out}.badge-content{flex:1}.badge-title{font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:2px}.badge-date{font-size:12px;color:var(--gray-600)}.badge-locked-text{font-size:12px;color:var(--gray-500);font-style:italic}.badge-checkmark{font-size:28px;color:var(--accent-green);font-weight:700;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(16,185,129,.4))}.achievements-section-standalone{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow-md);height:100%;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-card-orange);background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease}.achievements-section-standalone:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.achievements-section-standalone .section-header{margin-bottom:16px;text-align:left}.achievements-section-standalone .section-label{font-size:12px;margin-bottom:4px}.achievements-section-standalone .section-title{font-size:20px;margin-bottom:0;font-weight:600}.section-description{font-size:13px;color:var(--gray-600);margin-top:4px}.achievements-section-standalone .section-description.inactive{color:var(--gray-400);opacity:.7}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:500px;overflow-y:auto}.achievements-grid::-webkit-scrollbar{width:6px}.achievements-grid::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.achievements-grid::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.achievement-card{background:#fff;border-radius:12px;padding:12px;border:2px solid var(--gray-200);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-achievement-common);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.achievement-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.achievement-card.visible:before{animation:slideInRight .8s ease-out .2s forwards}.achievement-card:hover{box-shadow:var(--shadow-glow),var(--shadow-lg);transform:translateY(-4px) scale(1.02)}.achievement-card.achievement-earned{border-color:var(--primary-blue);background:linear-gradient(135deg,#fff,#3b82f61a);box-shadow:var(--glow-blue),var(--shadow-sm)}.achievement-card.achievement-earned:before{background:var(--gradient-achievement-rare);transform:scaleY(1)}.achievement-card.achievement-earned:hover{animation:pulseGlow 1.5s ease-in-out infinite;box-shadow:var(--glow-blue),var(--shadow-lg)}.achievement-card.achievement-locked{opacity:.7;background:var(--gray-50);filter:grayscale(.3)}.achievement-card.achievement-common{border-left:4px solid var(--gray-400)}.achievement-card.achievement-common:before{background:var(--gradient-achievement-common)}.achievement-card.achievement-rare{border-left:4px solid var(--primary-blue)}.achievement-card.achievement-rare:before{background:var(--gradient-achievement-rare)}.achievement-card.achievement-earned.achievement-rare{box-shadow:var(--glow-blue),var(--shadow-sm)}.achievement-card.achievement-epic{border-left:4px solid var(--accent-purple)}.achievement-card.achievement-epic:before{background:var(--gradient-achievement-epic)}.achievement-card.achievement-earned.achievement-epic{box-shadow:var(--glow-purple),var(--shadow-sm)}.achievement-card.achievement-earned.achievement-epic:hover{box-shadow:var(--glow-purple),var(--shadow-lg)}.achievement-icon{font-size:40px;margin-bottom:8px;transition:all .3s ease;display:inline-block;animation:floatSlow 3s ease-in-out infinite}.achievement-card.achievement-earned .achievement-icon{filter:drop-shadow(0 2px 6px rgba(59,130,246,.4))}.achievement-card.achievement-earned.achievement-epic .achievement-icon{filter:drop-shadow(0 2px 6px rgba(139,92,246,.4))}.achievement-card:hover .achievement-icon{transform:scale(1.15) rotate(5deg);animation:bounce .6s ease-in-out}.achievement-content{flex:1}.achievement-title{font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.achievement-description{font-size:12px;color:var(--gray-600);margin-bottom:8px;line-height:1.4}.achievement-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.achievement-rarity{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;text-transform:uppercase}.rarity-common{background:var(--gray-100);color:var(--gray-700)}.rarity-rare{background:#2563eb1a;color:var(--primary-blue)}.rarity-epic{background:#8b5cf61a;color:var(--accent-purple)}.rarity-legendary{background:#fbbf241a;color:#f59e0b}.achievement-date{font-size:12px;color:var(--gray-500)}.achievement-sticker{position:absolute;top:16px;right:16px;font-size:36px;opacity:.3;transition:all .3s ease}.achievement-card.achievement-earned .achievement-sticker{opacity:1;animation:floatSlow 3s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(59,130,246,.5))}.achievement-card.achievement-earned.achievement-epic .achievement-sticker{filter:drop-shadow(0 2px 8px rgba(139,92,246,.5))}.achievement-card:hover .achievement-sticker{transform:scale(1.2) rotate(10deg);animation:bounce .6s ease-in-out}.roadmap-section{padding:60px 0;background:var(--gray-50)}.roadmap-content{display:flex;flex-direction:column;gap:40px}.roadmap-current-progress{margin-bottom:32px}.roadmap-progress-card{background:#fff;border-radius:12px;padding:16px;border:2px solid var(--gray-200);transition:all .3s ease;box-shadow:var(--shadow-sm)}.roadmap-progress-card:hover{box-shadow:var(--shadow-glow),var(--shadow-md);border-color:var(--color-purple);transform:translateY(-2px)}.roadmap-progress-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.roadmap-course-emoji{font-size:48px;transition:all .3s ease;display:inline-block;animation:floatSlow 3s ease-in-out infinite}.roadmap-progress-card:hover .roadmap-course-emoji{transform:scale(1.1) rotate(5deg);animation:bounce .6s ease-in-out}.roadmap-progress-title{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.roadmap-progress-text{font-size:14px;color:var(--gray-600)}.roadmap-progress-bar{width:100%;height:12px;background:var(--gray-200);border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.roadmap-progress-fill{height:100%;background:var(--gradient-progress-purple);border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #8b5cf666}.roadmap-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.roadmap-next-steps{margin-top:32px}.roadmap-subtitle{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:12px}.roadmap-steps-list{display:flex;flex-direction:column;gap:16px}.roadmap-step{background:#fff;border-radius:12px;padding:12px;border:2px solid var(--gray-200);display:flex;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(-20px);position:relative;overflow:hidden}.roadmap-step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-progress-cyan);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.roadmap-step.visible{opacity:1;transform:translate(0);animation:fadeInLeft .5s ease-out}.roadmap-step.visible:before{animation:slideInRight .6s ease-out .2s forwards}.roadmap-step:hover{box-shadow:var(--shadow-glow),var(--shadow-md);border-color:var(--color-cyan);transform:translate(6px) translateY(-2px);background:linear-gradient(135deg,#fff,#06b6d40d)}.roadmap-step:hover:before{transform:scaleY(1)}.roadmap-step-highlight{border-color:var(--color-cyan);background:linear-gradient(135deg,#fff,#06b6d41a);box-shadow:var(--glow-blue),var(--shadow-sm)}.roadmap-step-highlight:before{background:var(--gradient-progress-cyan);transform:scaleY(1)}.roadmap-step-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--gradient-progress-cyan);color:#fff;font-weight:700;font-size:18px;flex-shrink:0;transition:all .3s ease;box-shadow:0 2px 8px #06b6d44d}.roadmap-step:hover .roadmap-step-number{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #06b6d480;animation:bounce .6s ease-in-out}.roadmap-step-highlight .roadmap-step-number{background:var(--gradient-progress-purple);box-shadow:0 2px 8px #8b5cf666;animation:pulseGlow 2s ease-in-out infinite}.roadmap-step-content{flex:1}.roadmap-step-title{font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:2px}.roadmap-step-description{font-size:12px;color:var(--gray-600);margin-bottom:8px}.roadmap-step-meta{display:flex;justify-content:space-between;align-items:center;gap:16px}.roadmap-step-time{font-size:12px;color:var(--gray-500);padding:4px 12px;background:var(--gray-100);border-radius:12px}.roadmap-step-link{font-size:14px;font-weight:600;color:var(--primary-blue);text-decoration:none;transition:all .2s ease}.roadmap-step-link:hover{color:var(--primary-blue-dark);text-decoration:underline}.roadmap-recommended{margin-top:32px}.roadmap-courses-list{display:flex;flex-direction:column;gap:16px}.roadmap-course-card{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--gray-200);display:flex;align-items:center;gap:16px;transition:all .3s ease}.roadmap-course-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.roadmap-course-info{flex:1}.roadmap-course-title{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.roadmap-course-description{font-size:14px;color:var(--gray-600);margin-bottom:8px}.roadmap-course-status{font-size:12px;font-weight:600;color:var(--primary-blue);padding:4px 12px;background:#2563eb1a;border-radius:12px;display:inline-block}.news-feed-section{padding:60px 0;background:#fff}.news-feed-list{display:flex;flex-direction:column;gap:16px}.news-item{background:#fff;border-radius:12px;padding:12px;border:2px solid var(--gray-200);display:flex;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);position:relative;overflow:hidden}.news-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-progress-blue);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.news-item.visible{opacity:1;transform:translateY(0);animation:fadeInUp .5s ease-out}.news-item.visible:before{animation:slideInRight .6s ease-out .2s forwards}.news-item:hover{box-shadow:var(--shadow-glow),var(--shadow-md);border-color:var(--primary-blue);transform:translateY(-3px) scale(1.01);background:linear-gradient(135deg,#fff,#3b82f60d)}.news-item:hover:before{transform:scaleY(1)}.news-item.news-priority-high{border-left:4px solid var(--primary-blue);background:linear-gradient(135deg,#fff,#3b82f614)}.news-item.news-priority-high:before{background:var(--gradient-progress-blue);transform:scaleY(1)}.news-item.news-priority-high:hover{box-shadow:var(--glow-blue),var(--shadow-md)}.news-item.news-priority-medium{border-left:4px solid var(--gray-400)}.news-item.news-priority-medium:before{background:linear-gradient(180deg,var(--gray-400) 0%,var(--gray-500) 100%)}.news-icon{font-size:28px;flex-shrink:0;transition:all .3s ease;display:inline-block;animation:floatSlow 3s ease-in-out infinite}.news-item:hover .news-icon{transform:scale(1.15) rotate(5deg);animation:bounce .6s ease-in-out}.news-item.news-priority-high .news-icon{filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.news-content{flex:1}.news-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}.news-title{font-size:14px;font-weight:600;color:var(--gray-900)}.news-date{font-size:12px;color:var(--gray-500);white-space:nowrap}.news-description{font-size:12px;color:var(--gray-600);margin-bottom:4px;line-height:1.4}.news-event-date{font-size:12px;color:var(--primary-blue);font-weight:600;margin-bottom:8px}.news-link{font-size:14px;font-weight:600;color:var(--primary-blue);text-decoration:none;transition:all .2s ease}.news-link:hover{color:var(--primary-blue-dark);text-decoration:underline}.subscription-gift-section-standalone{width:100%}.subscription-gift-card{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.subscription-gift-content{display:flex;align-items:center;gap:20px;position:relative;z-index:2}.subscription-gift-icon{font-size:40px;flex-shrink:0}.subscription-gift-text{flex:1}.subscription-gift-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.subscription-gift-description{font-size:14px;color:#ffffffe6;margin-bottom:16px;line-height:1.5}.subscription-gift-description strong{color:#fff;font-weight:700}.subscription-gift-decoration{position:absolute;top:0;right:0;width:200px;height:200px;opacity:.1;z-index:1}.subscription-gift-decoration-item{position:absolute;font-size:48px}.subscription-gift-decoration-item:nth-child(1){top:20px;right:20px;animation:float 4s ease-in-out infinite}.subscription-gift-decoration-item:nth-child(2){top:80px;right:60px;animation:float 5s ease-in-out infinite;animation-delay:1s}.subscription-gift-decoration-item:nth-child(3){top:140px;right:30px;animation:float 6s ease-in-out infinite;animation-delay:2s}.referral-section-standalone{width:100%}.referral-card{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.referral-content{display:flex;align-items:center;gap:20px;position:relative;z-index:2}.referral-icon{font-size:40px;flex-shrink:0}.referral-text{flex:1}.referral-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.referral-description{font-size:14px;color:#ffffffe6;margin-bottom:16px;line-height:1.5}.referral-decoration{position:absolute;top:0;right:0;width:200px;height:200px;opacity:.1;z-index:1}.referral-decoration-item{position:absolute;font-size:48px}.referral-decoration-item:nth-child(1){top:20px;right:20px;animation:float 4s ease-in-out infinite}.referral-decoration-item:nth-child(2){top:80px;right:60px;animation:float 5s ease-in-out infinite;animation-delay:1s}.referral-decoration-item:nth-child(3){top:140px;right:30px;animation:float 6s ease-in-out infinite;animation-delay:2s}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #3b82f64d}50%{box-shadow:0 0 25px #3b82f699,0 0 40px #3b82f666}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(2deg)}66%{transform:translateY(-4px) rotate(-2deg)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(59,130,246,.5))}50%{filter:drop-shadow(0 0 15px rgba(59,130,246,.8)) drop-shadow(0 0 25px rgba(139,92,246,.6))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.panel-course-section{padding:40px 0 60px}.course-container{margin:0 auto;width:100%}.course-layout-grid{display:grid;grid-template-columns:3fr 2fr;gap:48px;align-items:start;max-width:1400px;margin:0 auto}.course-info-column{position:sticky;top:20px}.course-program-column{display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:8px}.course-program-column .section-header{margin-bottom:24px;flex-shrink:0}.course-program-column::-webkit-scrollbar{width:8px}.course-program-column::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.course-program-column::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.course-program-column::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.course-program-column .program-accordion{max-width:none;margin:0;width:100%}.course-hero-panel{text-align:left;margin-bottom:0;padding:0}.course-hero-emoji{font-size:64px;margin-bottom:24px}.course-hero-title{font-size:36px;font-weight:700;color:var(--gray-900);margin-bottom:16px}.course-hero-description{font-size:18px;color:var(--gray-600);max-width:none;margin:0}.lessons-list{display:flex;flex-direction:column;gap:12px;padding:16px 0}.lesson-item{display:block;text-decoration:none;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px;transition:all .2s ease}.lesson-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translate(4px)}.lesson-item-content{display:flex;align-items:center;gap:16px}.lesson-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--gradient-blue);color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.lesson-info{flex:1;text-align:left}.lesson-title{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.lesson-duration{font-size:14px;color:var(--gray-600);margin:0}.lesson-arrow{color:var(--gray-400);font-size:20px;flex-shrink:0}.locked-modules-group{position:relative;overflow:hidden}.locked-modules-group .locked-header{opacity:.6;filter:blur(3px);-webkit-user-select:none;user-select:none;pointer-events:none;cursor:not-allowed}.locked-modules-group .locked-header:hover{background-color:transparent}.locked-modules-list{padding:20px 24px 20px 32px;opacity:.6;filter:blur(3px);-webkit-user-select:none;user-select:none;pointer-events:none;display:flex;flex-direction:column;gap:12px}.locked-module-item{padding:8px 0}.locked-module-title{font-size:16px;font-weight:500;color:var(--gray-700);margin:0}.program-module-locked{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;pointer-events:none;border-radius:12px}.locked-timer{font-size:16px;font-weight:600;color:var(--primary-blue);text-align:center;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:var(--shadow-md);border:2px solid var(--primary-blue);white-space:nowrap;filter:none;opacity:1;z-index:101;position:relative}.course-unlock-notice{max-width:900px;margin:32px auto;position:relative}.unlock-notice-content{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border-radius:16px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:0 8px 24px #2563eb4d,0 4px 12px #2563eb33,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden;transition:all .3s ease}.unlock-notice-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.unlock-notice-content:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb66,0 6px 16px #2563eb4d,inset 0 1px #fff3}.unlock-notice-left{display:flex;align-items:center;gap:20px;flex:1}.unlock-notice-icon-wrapper{width:64px;height:64px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff4d;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 6px 16px #00000026,inset 0 1px #fff6}}.unlock-notice-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));display:block}.unlock-notice-text-wrapper{display:flex;flex-direction:column;gap:4px}.unlock-notice-title{font-size:20px;font-weight:700;color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.2)}.unlock-notice-subtitle{font-size:14px;font-weight:500;color:#ffffffe6;margin:0;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.1)}.unlock-notice-timer{display:flex;align-items:center;gap:8px;flex-shrink:0}.timer-block{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.timer-value{font-size:36px;font-weight:700;line-height:1;background:linear-gradient(180deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(255,255,255,.3);font-variant-numeric:tabular-nums;display:inline-block;animation:timerFlip .5s ease-out}@keyframes timerFlip{0%{transform:rotateX(90deg) scale(.8);opacity:0}50%{transform:rotateX(45deg) scale(1.05)}to{transform:rotateX(0) scale(1);opacity:1}}.timer-value:hover{transform:scale(1.05)}.timer-label{font-size:11px;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.timer-separator{font-size:32px;font-weight:700;color:#fff9;line-height:1;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:separatorBlink 1s ease-in-out infinite}@keyframes separatorBlink{0%,to{opacity:.6}50%{opacity:1}}.panel-lesson-section{padding:40px 0 60px}.lesson-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:var(--gray-600)}.breadcrumb-link{color:var(--primary-blue);text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--primary-blue-dark);text-decoration:underline}.breadcrumb-separator{color:var(--gray-400)}.breadcrumb-current{color:var(--gray-900);font-weight:600}.lesson-loading{width:100%}.lesson-loading-icon-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 0;margin-bottom:32px}.lesson-loading-icon{font-size:64px;animation:lesson-loading-pulse 1.5s ease-in-out infinite;margin-bottom:16px}.lesson-loading-text{font-size:18px;font-weight:600;color:var(--gray-700);margin:0}@keyframes lesson-loading-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.lesson-skeleton-wrapper{width:100%}.lesson-skeleton-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.lesson-skeleton-breadcrumbs .skeleton{flex-shrink:0;height:16px;min-width:60px}.skeleton{background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px;display:block;min-height:1px;position:relative;overflow:hidden}.skeleton-text{display:block;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-title{display:block;background:linear-gradient(90deg,#d1d5db,#e5e7eb,#d1d5db);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-box{display:block;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lesson-skeleton-wrapper .lesson-content-wrapper{display:grid;grid-template-columns:1fr 400px;gap:40px;margin-bottom:40px}.lesson-skeleton-wrapper .lesson-main-content{display:flex;flex-direction:column;gap:16px}.lesson-skeleton-wrapper .lesson-header-section{margin-bottom:32px}.lesson-skeleton-wrapper .lesson-video-section{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);margin-bottom:32px}.lesson-skeleton-wrapper .lesson-outcomes-block{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-bottom:32px}.lesson-skeleton-wrapper .lesson-text-section{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow-lg)}.lesson-skeleton-wrapper .lesson-sidebar{display:flex;flex-direction:column;gap:32px}.lesson-skeleton-wrapper .lesson-resources-block,.lesson-skeleton-wrapper .lesson-terms-block{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.lesson-skeleton-wrapper .block-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.lesson-skeleton-wrapper .skeleton,.lesson-skeleton-wrapper .skeleton-text,.lesson-skeleton-wrapper .skeleton-title,.lesson-skeleton-wrapper .skeleton-box{opacity:1;visibility:visible}@media(max-width:1024px){.lesson-skeleton-wrapper .lesson-content-wrapper{grid-template-columns:1fr}}@media(max-width:768px){.lesson-loading-icon{font-size:48px}.lesson-loading-text{font-size:16px}.lesson-loading-icon-wrapper{padding:32px 0;margin-bottom:24px}.lesson-skeleton-wrapper .lesson-video-section,.lesson-skeleton-wrapper .lesson-text-section{padding:24px}.lesson-skeleton-wrapper .lesson-outcomes-block,.lesson-skeleton-wrapper .lesson-resources-block,.lesson-skeleton-wrapper .lesson-terms-block{padding:20px}}.lesson-content-wrapper{display:grid;grid-template-columns:1fr 400px;gap:40px;margin-bottom:40px}.lesson-main-content{display:flex;flex-direction:column;gap:16px}.lesson-header-section{margin-bottom:32px}.lesson-title{font-size:18px;font-weight:800;color:var(--gray-900);margin-bottom:12px;line-height:1.2;letter-spacing:-.02em}.lesson-subtitle{font-size:18px;color:var(--gray-600);line-height:1.5;font-weight:400}.lesson-video-section{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);margin-bottom:32px}.video-section-title{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.video-section-description{font-size:15px;color:var(--gray-600);margin-bottom:20px;line-height:1.5}.lesson-video-container{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--gray-900);box-shadow:0 8px 24px #00000026}.lesson-video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-900) 100%)}.video-placeholder-content{text-align:center;color:#fff}.video-icon{font-size:64px;margin-bottom:16px;display:block}.video-placeholder-text{font-size:20px;font-weight:600;margin-bottom:8px}.video-placeholder-note{font-size:14px;color:var(--gray-400)}.lesson-text-section{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);max-height:calc(100vh - 200px);overflow-y:auto}.lesson-text-content{font-size:16px;line-height:1.7;color:var(--gray-700)}.lesson-text-content h3{font-size:24px;font-weight:700;color:var(--gray-900);margin-top:32px;margin-bottom:16px}.lesson-text-content h3:first-child{margin-top:0}.lesson-text-content p{margin-bottom:16px}.lesson-text-content ul{margin:16px 0;padding-left:24px}.lesson-text-content li{margin-bottom:8px;position:relative}.lesson-text-content li:before{content:"✓";position:absolute;left:-24px;color:var(--accent-green);font-weight:700}.lesson-navigation{display:flex;justify-content:space-between;gap:16px;padding-top:32px;border-top:1px solid var(--gray-200)}.lesson-nav-link{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.lesson-nav-link.prev{background:var(--gray-100);color:var(--gray-700)}.lesson-nav-link.prev:hover{background:var(--gray-200);color:var(--gray-900)}.lesson-nav-link.next{background:var(--primary-blue);color:#fff;margin-left:auto}.lesson-nav-link.next:hover{background:var(--primary-blue-dark)}.block-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.block-icon{font-size:24px;line-height:1}.block-title{font-size:20px;font-weight:700;color:var(--gray-900);margin:0}.lesson-outcomes-block{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-bottom:32px}.outcomes-title{font-size:16px;font-weight:600;color:var(--gray-700);margin-bottom:16px;margin-top:0}.outcomes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.outcome-item{display:flex;align-items:flex-start;gap:10px;padding:0;transition:all .2s ease}.outcome-item:hover{transform:translate(2px)}.outcome-check{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--accent-green);color:#fff;border-radius:50%;font-weight:600;font-size:12px;margin-top:2px}.outcome-text{flex:1;color:var(--gray-700);line-height:1.5;font-size:15px;font-weight:400}.lesson-sidebar{display:flex;flex-direction:column;gap:32px;position:sticky;top:100px;align-self:start}.lesson-resources-block{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);animation:fadeInRight .5s ease-out}.resources-list{display:flex;flex-direction:column;gap:6px}.resource-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--gray-50);border-radius:8px;text-decoration:none;color:var(--gray-700);transition:all .2s ease;border:1px solid transparent;font-size:14px}.resource-item:first-child{background:var(--primary-blue);color:#fff;font-weight:600;border-color:var(--primary-blue)}.resource-item:first-child:hover{background:var(--primary-blue-dark);transform:translate(2px)}.resource-item:not(:first-child):hover{background:var(--gray-100);border-color:var(--gray-300);transform:translate(2px)}.resource-icon{font-size:16px;flex-shrink:0}.resource-text{flex:1;font-weight:400;font-size:14px}.resource-item:first-child .resource-text{font-weight:600}.resource-arrow{font-size:14px;opacity:.5;transition:opacity .2s ease}.resource-item:hover .resource-arrow{opacity:.8}.lesson-terms-block{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);animation:fadeInRight .6s ease-out}.terms-list{display:flex;flex-direction:column;gap:12px}.term-item{padding:12px;background:var(--gray-50);border-radius:8px;border-left:3px solid var(--gray-300);transition:all .2s ease}.term-item:hover{background:var(--gray-100);border-left-color:var(--gray-400)}.term-name{font-weight:600;font-size:14px;color:var(--gray-900);margin-bottom:4px}.term-description{font-size:13px;color:var(--gray-600);line-height:1.4}.terms-show-all-btn{width:100%;margin-top:16px;padding:12px 16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;color:var(--primary-blue);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.terms-show-all-btn:hover{background:var(--gray-100);border-color:var(--primary-blue);color:var(--primary-blue-dark)}.terms-show-all-btn:active{transform:translateY(1px)}.lesson-tasks-block{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);animation:fadeInUp .5s ease-out}.tasks-checklist{display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--gray-50);border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;animation:fadeInLeft .5s ease-out;animation-fill-mode:both}.task-item:nth-child(1){animation-delay:.1s}.task-item:nth-child(2){animation-delay:.2s}.task-item:nth-child(3){animation-delay:.3s}.task-item:nth-child(4){animation-delay:.4s}.task-item:nth-child(5){animation-delay:.5s}.task-item:hover{background:var(--gray-100);border-color:var(--primary-blue)}.task-item.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:var(--accent-green)}.task-item.completed .task-text{text-decoration:line-through;color:var(--gray-600)}.task-checkbox{width:22px;height:22px;cursor:pointer;accent-color:var(--accent-green);flex-shrink:0}.task-text{flex:1;font-size:15px;color:var(--gray-700);font-weight:500;transition:all .3s ease}.lesson-faq-block{background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);animation:fadeInUp .5s ease-out}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{border:2px solid var(--gray-200);border-radius:12px;overflow:hidden;transition:all .3s ease;animation:fadeInUp .5s ease-out;animation-fill-mode:both}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:hover{border-color:var(--primary-blue)}.faq-item.active{border-color:var(--primary-blue);box-shadow:0 4px 12px #3b82f626}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--gray-50);border:none;cursor:pointer;text-align:left;transition:all .3s ease;font-size:15px;font-weight:600;color:var(--gray-900)}.faq-item.active .faq-question{background:var(--primary-blue);color:#fff}.faq-question:hover{background:var(--gray-100)}.faq-item.active .faq-question:hover{background:var(--primary-blue-dark)}.faq-question-text{flex:1;padding-right:16px}.faq-icon{font-size:24px;font-weight:300;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;color:var(--primary-blue);flex-shrink:0;transition:transform .3s ease}.faq-item.active .faq-icon{background:#fff;color:var(--primary-blue);transform:rotate(180deg)}.faq-answer{padding:0 20px 20px;background:#fff;animation:slideDown .3s ease-out}.faq-answer p{margin:0;color:var(--gray-700);line-height:1.7;font-size:15px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media(max-width:1024px){.lesson-content-wrapper{grid-template-columns:1fr;gap:32px}.lesson-text-section{max-height:none}.lesson-sidebar{position:static;max-height:none}.lesson-main-content{gap:16px}.lesson-title{font-size:18px}.lesson-subtitle{font-size:16px}.video-section-title{font-size:18px}.video-section-description{font-size:14px}.panel-header-content{flex-wrap:wrap}.panel-user-info{width:100%;align-items:flex-start;order:3}}@media(max-width:768px){.lesson-title{font-size:18px}.lesson-header-section{margin-bottom:24px}.lesson-video-section{padding:24px;margin-bottom:24px}.lesson-outcomes-block{padding:20px}}@media(max-width:1024px){.login-wrapper{grid-template-columns:1fr;gap:40px}.login-container{justify-self:center}.login-illustration{max-width:100%;justify-self:center}.illustration-content{padding:24px 20px}.mascot-character{font-size:70px}}@media(max-width:768px){.login-card{padding:32px 24px}.login-title{font-size:24px}.illustration-content{padding:20px 16px}.illustration-title{font-size:22px}.illustration-subtitle{font-size:13px}.mascot-container{width:100px;height:100px}.mascot-character{font-size:60px}.mascot-decoration{font-size:24px}.code-input-wrapper{gap:8px}.code-input-digit{width:48px;height:56px;font-size:20px}.course-hero-title{font-size:28px}.course-hero-description{font-size:16px}.lesson-title{font-size:18px}.lesson-subtitle{font-size:16px}.course-unlock-notice{margin:24px 0}.unlock-notice-content{padding:24px 28px;gap:24px;flex-wrap:wrap}.unlock-notice-left{gap:16px}.unlock-notice-icon-wrapper{width:56px;height:56px}.unlock-notice-icon{font-size:28px}.unlock-notice-title{font-size:18px}.unlock-notice-subtitle{font-size:13px}.timer-block{min-width:54px}.timer-value{font-size:32px}.timer-label{font-size:10px}.timer-separator{font-size:28px}.panel-header-content{flex-direction:column;align-items:flex-start}.panel-user-info{width:100%;order:2}.panel-header-content .btn-outline{order:3;width:100%}}@media(max-width:480px){.code-input-wrapper{gap:6px}.code-input-digit{width:40px;height:48px;font-size:18px}.lesson-navigation{flex-direction:column}.lesson-nav-link.next{margin-left:0}.course-unlock-notice{margin:20px 0}.unlock-notice-content{padding:20px;flex-direction:column;align-items:stretch;gap:20px}.unlock-notice-left{justify-content:center;gap:12px}.unlock-notice-icon-wrapper{width:48px;height:48px}.unlock-notice-icon{font-size:24px}.unlock-notice-text-wrapper{align-items:center;text-align:center}.unlock-notice-title{font-size:16px}.unlock-notice-subtitle{font-size:12px}.unlock-notice-timer{justify-content:center;gap:6px}.timer-block{min-width:48px}.timer-value{font-size:28px}.timer-label{font-size:9px}.timer-separator{font-size:24px;margin-bottom:6px}.dashboard-grid-2,.dashboard-grid-2-3{grid-template-columns:1fr;gap:16px}.dashboard-section,.dashboard-section-compact{padding:16px 0}.courses-section-compact{padding:16px}.course-card-compact{padding:12px}.course-card-compact .course-card-title{font-size:14px}.course-card-compact .course-emoji{font-size:28px}.progress-section-standalone,.badges-section-standalone,.roadmap-section-standalone,.news-feed-section-standalone,.achievements-section-standalone{padding:16px}.progress-section,.achievements-section,.roadmap-section,.news-feed-section,.referral-section{padding:15px 0}.progress-card-header{flex-direction:column;align-items:flex-start;gap:12px}.progress-percentage{font-size:20px}.badges-grid{max-height:none}.achievements-grid{grid-template-columns:1fr}.referral-content{flex-direction:column;text-align:center}.referral-title{font-size:24px}.referral-description{font-size:16px}.roadmap-step{flex-direction:column;align-items:flex-start}.roadmap-step-meta{flex-direction:column;align-items:flex-start;gap:8px}.news-feed-list{max-height:none}}@media(max-width:768px){.dashboard-grid-2-3{grid-template-columns:1fr}.courses-section-compact{padding:16px}.course-card-compact{padding:14px}.progress-section,.achievements-section,.roadmap-section,.news-feed-section,.referral-section{padding:32px 0}.progress-card{padding:12px}.badge-card,.achievement-card{padding:10px}.referral-card{padding:20px 16px}.referral-title{font-size:16px}.referral-description{font-size:13px}.roadmap-progress-card{padding:12px}.news-item{flex-direction:column;align-items:flex-start;padding:10px}.news-header{flex-direction:column;align-items:flex-start;gap:4px}.progress-course-emoji{font-size:32px}.progress-course-title{font-size:14px}.progress-percentage{font-size:18px}}.panel-sidebar{width:260px;background:#fff;border-right:1px solid var(--gray-200);padding:24px 0;position:sticky;top:73px;height:calc(100vh - 73px);overflow-y:auto;flex-shrink:0;z-index:99}.panel-sidebar-overlay{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;color:var(--gray-700);font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background:none;cursor:pointer;text-align:left;width:100%;font-family:inherit;position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-progress-blue);transform:scaleY(0);transform-origin:top;transition:transform .3s ease;border-radius:0 4px 4px 0}.sidebar-item:hover{background:linear-gradient(135deg,#3b82f614,#8b5cf614);color:var(--primary-blue);transform:translate(4px)}.sidebar-item:hover:before{transform:scaleY(1)}.sidebar-item.active{background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:var(--primary-blue);font-weight:600;box-shadow:0 2px 8px #3b82f633}.sidebar-item.active:before{transform:scaleY(1);background:var(--gradient-progress-purple)}.sidebar-item-logout{margin-top:8px;padding-top:16px;border-top:1px solid var(--gray-200)}.sidebar-item-logout:hover{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:var(--accent-red);transform:translate(4px)}.sidebar-item-logout:hover:before{background:linear-gradient(180deg,#ef4444,#dc2626);transform:scaleY(1)}.sidebar-item-logout:hover .sidebar-icon{transform:scale(1.15) rotate(-5deg);animation:bounce .4s ease-in-out}.sidebar-icon{font-size:24px;width:28px;text-align:center;flex-shrink:0;transition:all .3s ease;display:inline-block;line-height:1}.sidebar-item:hover .sidebar-icon{transform:scale(1.15) rotate(5deg);animation:bounce .4s ease-in-out}.sidebar-item.active .sidebar-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.sidebar-text{flex:1}.panel-courses-section{padding:40px 0 60px}.courses-grid-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:32px}.courses-empty-page{text-align:center;padding:48px 24px;color:var(--gray-500);font-size:14px;margin-top:32px}.course-card-page{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--gray-200);transition:all .3s ease;display:flex;flex-direction:column}.course-card-page:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue);transform:translateY(-2px)}.course-card-page.coming-soon{opacity:.7}.course-card-header-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.course-emoji-page{font-size:32px}.course-status-page{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.course-status-page.available{background:#10b9811a;color:var(--accent-green)}.course-status-page.coming-soon{background:var(--gray-100);color:var(--gray-600)}.course-card-title-page{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:12px;line-height:1.4}.course-card-description-page{font-size:14px;color:var(--gray-600);margin-bottom:12px}.course-list-page{list-style:none;padding:0;margin:0 0 12px}.course-list-page li{font-size:13px;color:var(--gray-600);margin-bottom:6px;line-height:1.5}.course-result-page{font-size:13px;color:var(--gray-700);margin-bottom:16px;padding:12px;background:var(--gray-50);border-radius:8px}.course-result-page strong{color:var(--gray-900)}.btn-course-page{display:inline-block;padding:10px 20px;background:var(--primary-blue);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s ease;text-align:center;width:100%;margin-top:auto}.btn-course-page:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.course-coming-soon-page{padding:10px 20px;text-align:center;color:var(--gray-500);font-size:14px;font-style:italic;margin-top:auto}.skeleton-card-page{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--gray-200);display:flex;flex-direction:column;animation:skeletonFadeIn .3s ease-in}@keyframes skeletonFadeIn{0%{opacity:0}to{opacity:1}}.skeleton-header-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-emoji-page{width:32px;height:32px;border-radius:8px;background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-badge-page{width:70px;height:24px;border-radius:12px;background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-title-page{width:75%;height:22px;border-radius:6px;background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;margin-bottom:12px}.skeleton-text-page{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;margin-bottom:8px}.skeleton-text-page.skeleton-text-full{width:100%;margin-bottom:8px}.skeleton-text-page.skeleton-text-medium{width:85%;margin-bottom:12px}.skeleton-text-page.skeleton-text-small{width:60%;height:12px;margin-bottom:12px}.skeleton-text-page.skeleton-text-medium-alt{width:70%;height:12px;margin-bottom:12px}.skeleton-result-page{width:100%;height:48px;border-radius:8px;background:linear-gradient(90deg,var(--gray-50) 0%,var(--gray-100) 50%,var(--gray-50) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;margin-bottom:16px}.skeleton-button-page{width:100%;height:40px;border-radius:8px;background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;margin-top:auto}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card-page:nth-child(1){animation-delay:0s}.skeleton-card-page:nth-child(2){animation-delay:.1s}.skeleton-card-page:nth-child(3){animation-delay:.2s}.skeleton-card-page:nth-child(4){animation-delay:.3s}.skeleton-card-page:nth-child(5){animation-delay:.4s}.skeleton-card-page:nth-child(6){animation-delay:.5s}.panel-settings-section{padding:40px 0 60px}.settings-content{display:flex;flex-direction:column;gap:24px;margin-top:32px}.settings-card{background:#fff;border-radius:12px;padding:24px;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.settings-card-title{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:20px}.settings-subscription-info{display:flex;flex-direction:column;gap:12px}.subscription-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-100)}.subscription-item:last-child{border-bottom:none}.subscription-label{font-size:14px;color:var(--gray-600)}.subscription-value{font-size:14px;font-weight:600;color:var(--gray-900)}.settings-form-group{margin-bottom:20px}.settings-form-group:last-child{margin-bottom:0}.settings-readonly-field{padding:14px 16px;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;font-size:16px;color:var(--gray-700)}.settings-toggle-group{display:flex;flex-direction:column;gap:16px}.settings-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--gray-50);border-radius:8px}.toggle-info{flex:1;display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:15px;font-weight:600;color:var(--gray-900)}.toggle-description{font-size:13px;color:var(--gray-600)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.settings-card-danger{border-color:#ef44444d;background:#ef444405}.settings-danger-description{font-size:14px;color:var(--gray-600);margin-bottom:20px;line-height:1.6}.btn-danger{padding:12px 24px;background:var(--accent-red);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.panel-legal-section{padding:40px 0 60px}.panel-legal-section .section-header{text-align:center}.section-subtitle{font-size:16px;color:var(--gray-600);margin-top:12px;max-width:600px;margin-left:auto;margin-right:auto;text-align:center}.legal-documents-list{display:flex;flex-direction:column;gap:12px;margin-top:32px}.legal-document-item{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;text-decoration:none;transition:all .3s ease}.legal-document-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translate(4px)}.legal-document-icon{font-size:32px;flex-shrink:0}.legal-document-content{flex:1}.legal-document-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.legal-document-description{font-size:14px;color:var(--gray-600);line-height:1.5}.legal-document-arrow{font-size:20px;color:var(--gray-400);flex-shrink:0}.legal-document-item:hover .legal-document-arrow{color:var(--primary-blue)}.legal-document-skeleton{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--gray-200);border-radius:12px}.legal-document-skeleton-icon{width:32px;height:32px;border-radius:50%;background:var(--gray-200);flex-shrink:0;animation:skeletonPulse 1.5s ease-in-out infinite}.legal-document-skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.legal-document-skeleton-title{height:20px;width:60%;background:var(--gray-200);border-radius:4px;animation:skeletonPulse 1.5s ease-in-out infinite}.legal-document-skeleton-description{display:flex;flex-direction:column;gap:6px}.legal-document-skeleton-line{height:14px;background:var(--gray-200);border-radius:4px;animation:skeletonPulse 1.5s ease-in-out infinite}.legal-document-skeleton-line:first-child{width:85%}.legal-document-skeleton-line:last-child{width:70%}.legal-document-skeleton-arrow{width:20px;height:20px;background:var(--gray-200);border-radius:4px;flex-shrink:0;animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.legal-documents-error,.legal-documents-empty{margin-top:32px;text-align:center;padding:40px 20px}.legal-documents-error p,.legal-documents-empty p{font-size:16px;color:var(--gray-600)}.legal-documents-error p{color:var(--accent-red)}@media(max-width:1024px){.panel-sidebar{width:220px}.course-layout-grid{grid-template-columns:1fr 1.2fr;gap:32px}.course-program-column{max-height:calc(100vh - 100px)}}@media(max-width:768px){.panel-mobile-menu-toggle{display:flex;order:-1}.panel-header-content{gap:16px}.panel-content-wrapper{flex-direction:column;position:relative}.panel-sidebar{position:fixed;top:73px;left:-100%;width:280px;max-width:85vw;height:calc(100vh - 73px);background:#fff;border-right:1px solid var(--gray-200);padding:24px 0;transition:left .3s ease;z-index:100;box-shadow:2px 0 20px #0000001a;overflow-y:auto}.panel-sidebar.sidebar-open{left:0}.panel-sidebar-overlay{display:block;position:fixed;inset:73px 0 0;background:#00000080;z-index:99;opacity:1;pointer-events:all;transition:opacity .3s ease}.sidebar-nav{flex-direction:column;padding:0 12px;gap:4px}.sidebar-item{padding:12px 16px;white-space:normal;width:100%}.sidebar-item:before{display:block}.sidebar-item:hover{transform:translate(4px)}.sidebar-item-logout{margin-top:8px;padding-top:16px;border-top:1px solid var(--gray-200);border-left:none;margin-left:0;padding-left:16px}.sidebar-text{white-space:normal;overflow:visible;text-overflow:clip}.sidebar-icon{flex-shrink:0}.courses-grid-page{grid-template-columns:1fr}.course-layout-grid{grid-template-columns:1fr;gap:32px}.course-info-column{position:static}.course-program-column{max-height:none;overflow-y:visible;padding-right:0}.course-hero-panel{text-align:center;margin-bottom:32px}.course-hero-description{max-width:100%}.settings-card{padding:20px}.settings-toggle-item{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.panel-sidebar{width:260px;padding:20px 0}.sidebar-nav{padding:0 12px;gap:4px}.sidebar-item{padding:10px 14px;font-size:14px}.sidebar-icon{font-size:22px;width:26px}}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;overflow-x:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--gray-800);background-color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%;max-width:100vw}#app{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}@media(max-width:768px){.container{padding:0 20px}}@media(max-width:480px){.container{padding:0 16px}}@media(max-width:360px){.container{padding:0 12px}}.top-banner{background:var(--primary-blue);color:#fff;padding:12px 0;text-align:center;font-size:14px;font-weight:500;position:relative;overflow:hidden;margin:0;width:100%}.top-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.banner-text{position:relative;z-index:1}.header{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0;position:relative}.logo{font-size:24px;font-weight:700;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:101}.logo-image{width:32px;height:32px;object-fit:contain;display:block}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:101}.mobile-menu-toggle span{width:24px;height:2px;background:var(--gray-700);transition:all .3s ease;border-radius:2px}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav{display:flex;gap:32px}.nav-link{color:var(--gray-600);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;-webkit-tap-highlight-color:transparent}.nav-link:focus{outline:2px solid var(--primary-blue);outline-offset:4px;border-radius:4px}.nav-link:hover{color:var(--primary-blue)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-blue);transition:width .3s ease}.nav-link:hover:after{width:100%}.header-cta{display:flex;gap:12px}@media(max-width:768px){.header-cta{display:none}}.btn-primary,.btn-primary-large{background:var(--primary-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:16px;-webkit-tap-highlight-color:transparent}.btn-primary:focus,.btn-primary-large:focus,.btn-secondary:focus,.btn-outline:focus,.btn-outline-large:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.btn-primary-large{padding:16px 32px;font-size:18px}.btn-primary:hover,.btn-primary-large:hover{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:10px 22px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--primary-blue);color:#fff}.btn-outline,.btn-outline-large{background:#fff;color:var(--gray-700);border:2px solid var(--gray-300);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-outline-large{padding:16px 32px;font-size:18px;background:#fff;color:var(--gray-900);border-color:#fff}.btn-outline:hover,.btn-outline-large:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px)}.btn-outline:disabled,.btn-outline-large:disabled{background:#fff;color:#fff;border-color:#fff;cursor:not-allowed;transform:none}.btn-outline:disabled:hover,.btn-outline-large:disabled:hover{background:#fff;color:#fff;border-color:#fff;transform:none}.hero{padding:80px 0;background:var(--gradient-light);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;animation:float 15s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text{animation:fadeInUp .8s ease-out}.hero-badge{display:inline-block;background:#2563eb1a;color:var(--primary-blue);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}.hero-title{font-size:56px;font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--gray-900)}@media(max-width:768px){.hero-title{font-size:36px;line-height:1.3}}@media(max-width:480px){.hero-title{font-size:28px;margin-bottom:16px}}.highlight{color:var(--primary-blue);position:relative}.highlight:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:8px;background:#2563eb33;z-index:-1;border-radius:4px}.hero-description{font-size:20px;color:var(--gray-600);margin-bottom:32px;line-height:1.6}@media(max-width:768px){.hero-description{font-size:18px;margin-bottom:24px}}@media(max-width:480px){.hero-description{font-size:16px;margin-bottom:20px}}.hero-cta{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.hero-trust{font-size:14px;color:var(--gray-500)}.trust-text{display:flex;align-items:center;gap:8px}.hero-visual{animation:fadeInRight .8s ease-out .2s both;position:relative}.floating-3d{position:absolute;font-size:80px;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));will-change:transform;animation:gentleShake 4s ease-in-out infinite}@keyframes gentleShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(3px,-4px) rotate(2deg)}50%{transform:translate(-2px,3px) rotate(-1deg)}75%{transform:translate(2px,-2px) rotate(1deg)}}.floating-3d.gamepad{top:-20px;left:-60px;animation-delay:0s;animation-duration:4s}.floating-3d.character{bottom:-30px;right:-50px;animation-delay:.5s;animation-duration:4.5s}.floating-3d.star{top:-30px;right:20%;animation-delay:1s;animation-duration:3.8s}@media(max-width:768px){.floating-3d{font-size:60px}.floating-3d.gamepad{top:-15px;left:-40px}.floating-3d.character{bottom:-20px;right:-30px}.floating-3d.star{top:-20px;right:15%}}@media(max-width:480px){.floating-3d{font-size:40px}.floating-3d.gamepad{top:-10px;left:-25px}.floating-3d.character{bottom:-15px;right:-20px}.floating-3d.star{top:-15px;right:10%}}.hero-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease;position:relative;z-index:2}.hero-card:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.card-content{padding:24px}.card-header{display:flex;justify-content:flex-end;margin-bottom:16px}.card-dots{display:flex;gap:8px}.card-dots span{width:12px;height:12px;border-radius:50%;background:var(--gray-300)}.card-dots span:nth-child(1){background:var(--accent-red)}.card-dots span:nth-child(2){background:var(--accent-orange)}.card-dots span:nth-child(3){background:var(--accent-green)}.course-preview{display:flex;gap:16px;margin-bottom:24px}.course-icon{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--gradient-light);border-radius:12px}.course-info h3{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--gray-900)}.course-info p{font-size:14px;color:var(--gray-500)}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-fill{width:65%;height:100%;background:var(--gradient-blue);border-radius:4px;animation:progressAnimation 2s ease-out}@keyframes progressAnimation{0%{width:0}to{width:65%}}.stats{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:var(--primary-blue)}.stat-label{font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}section{padding:var(--section-spacing) 0;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.section-header{text-align:center;margin-bottom:60px}.section-label{display:inline-block;font-size:14px;font-weight:600;color:var(--primary-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.section-title{font-size:48px;font-weight:700;color:var(--gray-900);margin-bottom:16px}@media(max-width:768px){.section-title{font-size:32px}}@media(max-width:480px){.section-title{font-size:26px;margin-bottom:12px}}.section-subtitle{font-size:20px;color:var(--gray-600)}.why-section{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;background:#fff;border-radius:16px;border:1px solid var(--gray-200);transition:all .3s ease;opacity:0;transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.feature-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--gray-900)}.feature-card p{color:var(--gray-600);font-size:16px}.courses-section{background:var(--gray-50)}.courses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:40px}.courses-empty{text-align:center;padding:48px 24px;color:var(--gray-500);font-size:14px;margin-bottom:40px}.course-empty{text-align:center;padding:48px 24px;color:var(--gray-500);font-size:14px;margin-top:32px}.course-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--gray-200);transition:all .3s ease;opacity:0;transform:translateY(30px)}.course-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.course-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary-blue)}.course-card.featured{border:2px solid var(--primary-blue);background:linear-gradient(135deg,#fff,#f0f9ff)}.course-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.course-emoji{font-size:48px}.course-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:var(--gray-200);color:var(--gray-600)}.course-status.available{background:#10b9811a;color:var(--accent-green)}.course-card-title{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--gray-900)}.course-card-description{color:var(--gray-600);margin-bottom:12px}.course-list{list-style:none;margin-bottom:16px}.course-list li{color:var(--gray-700);margin-bottom:8px;padding-left:8px}.course-result{background:var(--gray-50);padding:16px;border-radius:8px;margin-bottom:24px;color:var(--gray-700)}.btn-course{width:100%;padding:12px 24px;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-course:hover{background:var(--primary-blue-dark);transform:translateY(-2px)}a.btn-course{text-decoration:none;display:block;text-align:center;color:#fff}a.btn-course:hover{color:#fff}.courses-cta{text-align:center}.instructors-section{background:#fff}.instructors-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.instructors-description{font-size:18px;color:var(--gray-600);margin-bottom:32px}.instructors-list{display:flex;flex-wrap:wrap;gap:12px}.instructor-tag{padding:10px 20px;background:var(--gray-100);border-radius:20px;font-size:14px;font-weight:500;color:var(--gray-700);transition:all .3s ease}.instructor-tag:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.instructor-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.instructor-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.instructor-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.instructor-card:nth-child(3){grid-column:1 / -1}.instructor-avatar{font-size:64px;margin-bottom:16px}.instructor-card h4{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--gray-900)}.instructor-card p{font-size:14px;color:var(--gray-600)}.custom-course-section{background:var(--gradient-light);padding:80px 0}.custom-course-card{background:#fff;border-radius:24px;padding:60px;text-align:center;box-shadow:var(--shadow-xl);max-width:900px;margin:0 auto}.custom-course-content h2{font-size:36px;font-weight:700;margin-bottom:16px;color:var(--gray-900)}.custom-course-content p{font-size:18px;color:var(--gray-600);margin-bottom:32px}.support-section{background:#fff}.support-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.support-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:32px;box-shadow:var(--shadow-lg)}.support-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.support-status{width:12px;height:12px;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.support-channels{display:flex;flex-direction:column;gap:16px}.support-channel{display:flex;align-items:center;gap:16px;padding:16px;background:var(--gray-50);border-radius:12px;transition:all .3s ease}.support-channel:hover{background:var(--primary-blue);color:#fff;transform:translate(8px)}.channel-icon{font-size:24px}.support-description{font-size:18px;color:var(--gray-600)}.pricing-section{background:var(--gray-50)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto}.pricing-card{background:#fff;border-radius:16px;padding:40px;border:2px solid var(--gray-200);transition:all .3s ease;position:relative;opacity:0;transform:translateY(30px)}.pricing-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.pricing-card.featured{border-color:var(--primary-blue);transform:scale(1.05);box-shadow:var(--shadow-xl)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.pricing-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}.pricing-badge.green{background:#10b9811a;color:var(--accent-green)}.pricing-badge.blue{background:#2563eb1a;color:var(--primary-blue)}.pricing-badge.red{background:#ef44441a;color:var(--accent-red)}.pricing-price{margin-bottom:16px}.price-amount{font-size:48px;font-weight:700;color:var(--gray-900)}.price-period{font-size:18px;color:var(--gray-600)}.pricing-description{font-size:16px;color:var(--gray-600);margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{padding:12px 0;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.pricing-features li:last-child{border-bottom:none}.btn-pricing{width:100%;padding:14px 24px;background:var(--gray-100);color:var(--gray-700);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-pricing:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.btn-pricing.primary{background:var(--primary-blue);color:#fff}.btn-pricing.primary:hover{background:var(--primary-blue-dark)}.reviews-section{background:#fff}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.review-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:32px;transition:all .3s ease;opacity:0;transform:translateY(30px)}.review-card.visible{opacity:1;transform:translateY(0);animation:fadeInUp .6s ease-out}.review-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-blue)}.review-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.review-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-light);display:flex;align-items:center;justify-content:center;font-size:24px}.review-info h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--gray-900)}.review-info p{font-size:14px;color:var(--gray-500)}.review-stars{color:var(--accent-orange);font-size:18px;margin-bottom:16px}.review-text{color:var(--gray-700);font-style:italic;line-height:1.6}.faq-section{background:var(--gray-50)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:12px;margin-bottom:16px;border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{padding:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.faq-question:focus{outline:2px solid var(--primary-blue);outline-offset:-2px;border-radius:12px}.faq-question h3{font-size:18px;font-weight:600;color:var(--gray-900)}.faq-icon{font-size:24px;font-weight:300;color:var(--primary-blue);transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 24px}.faq-item.active .faq-answer{max-height:500px;padding:0 24px 24px}.faq-answer p{color:var(--gray-600);line-height:1.6}@media(max-width:480px){.faq-answer{padding:0 20px}.faq-item.active .faq-answer{padding:0 20px 20px}}.cta-section{background:var(--primary-blue);color:#fff;padding:100px 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out}.cta-content{text-align:center;position:relative;z-index:1}.cta-title{font-size:48px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.cta-title{font-size:32px}}@media(max-width:480px){.cta-title{font-size:24px}}.cta-description{font-size:20px;margin-bottom:32px;opacity:.9}@media(max-width:768px){.cta-description{font-size:18px}}@media(max-width:480px){.cta-description{font-size:16px;margin-bottom:24px}}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-section .btn-primary-large{background:#fff;color:var(--primary-blue)}.cta-section .btn-primary-large:hover{background:var(--gray-100)}.cta-section .btn-outline-large{border-color:#fff;color:var(--gray-600)}.cta-section .btn-outline-large:hover{background:#fff;color:var(--primary-blue)}.footer{background:var(--gray-900);color:#fff;padding:60px 0 24px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-logo{font-size:24px;font-weight:700;margin-bottom:12px}.footer-description{color:var(--gray-400);font-size:14px}.footer-column h4{font-size:16px;font-weight:600;margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--gray-400);text-decoration:none;transition:color .3s ease;font-size:14px}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--gray-800);color:var(--gray-400);font-size:14px}@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)}}@media(max-width:1024px){.hero-content,.instructors-content,.support-content{grid-template-columns:1fr;gap:40px}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.courses-grid,.pricing-grid{grid-template-columns:1fr;gap:24px}.pricing-card.featured{transform:scale(1)}.reviews-grid{grid-template-columns:1fr;gap:24px}.footer-content{grid-template-columns:repeat(2,1fr);gap:32px}.hero{padding:60px 0}.hero-visual{order:-1}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;padding:80px 24px 24px;box-shadow:-4px 0 20px #0000001a;transition:right .3s ease;z-index:100;gap:0}.nav.active{right:0}.nav:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:-1}.nav.active:before{opacity:1;pointer-events:all}.nav-link{padding:16px 0;border-bottom:1px solid var(--gray-200);font-size:18px}.nav-link:after{display:none}.features-grid{grid-template-columns:1fr;gap:20px}.footer-content{grid-template-columns:1fr;gap:32px}.hero-cta,.cta-buttons{flex-direction:column;gap:12px}.btn-primary-large,.btn-outline-large{width:100%}.hero-card{transform:none}.hero-card:hover{transform:translateY(-4px)}.custom-course-card{padding:40px 24px}.custom-course-content h2{font-size:28px}.pricing-card{padding:32px 24px}.price-amount{font-size:40px}.section-header{margin-bottom:40px}.instructor-cards{grid-template-columns:1fr}.instructor-card:nth-child(3){grid-column:1}.support-card{padding:24px}.faq-question{padding:20px}.faq-question h3{font-size:16px}.review-card,.course-card{padding:24px}.course-card-title{font-size:20px}}@media(max-width:480px){.hero{padding:15px 0}.hero-content{gap:32px}.hero-badge{font-size:12px;padding:6px 12px}.hero-trust{font-size:12px}.trust-text{flex-direction:column;gap:4px;text-align:center}.feature-card{padding:24px}.feature-icon{font-size:40px}.feature-card h3,.course-card-title{font-size:18px}.course-emoji{font-size:40px}.pricing-card{padding:24px 20px}.price-amount{font-size:36px}.cta-section{padding:60px 0}.footer{padding:40px 0 20px}.footer-content{gap:24px}.top-banner{font-size:12px;padding:10px 0}.logo{font-size:20px}.section-label{font-size:12px}.section-subtitle,.instructors-description,.support-description{font-size:16px}.instructor-tag{font-size:13px;padding:8px 16px}.btn-primary,.btn-secondary,.btn-outline{padding:10px 20px;font-size:14px}.btn-primary-large,.btn-outline-large{padding:14px 24px;font-size:16px}}@media(hover:none)and (pointer:coarse){button,.nav-link,.faq-question{min-height:44px;min-width:44px}.nav-link{display:flex;align-items:center}.feature-card:hover,.course-card:hover,.review-card:hover,.pricing-card:hover,.hero-card:hover{transform:none}}@media(max-width:768px){.hero-visual{transform:none!important}.hero:before,.hero:after{display:none}.cta-section:before{display:none}}.doc-section{padding:80px 0;background:linear-gradient(180deg,var(--gray-50) 0%,white 200px);min-height:calc(100vh - 400px)}.doc-content{max-width:900px;margin:0 auto;width:100%;padding:0 16px;box-sizing:border-box}.doc-text{margin-top:40px;line-height:1.9;color:var(--gray-700);font-size:17px}.doc-text h2{font-size:32px;font-weight:700;color:var(--gray-900);margin-top:48px;margin-bottom:24px;padding:20px 0 16px 20px;border-left:4px solid var(--primary-blue);border-bottom:3px solid var(--primary-blue);background:linear-gradient(90deg,rgba(37,99,235,.05) 0%,transparent 100%);border-radius:8px 0 0 8px}.doc-text h3{font-size:24px;font-weight:600;color:var(--gray-900);margin-top:36px;margin-bottom:20px;padding-left:16px;position:relative;border-left:3px solid var(--accent-purple);background:linear-gradient(90deg,rgba(139,92,246,.05) 0%,transparent 100%);padding-top:12px;padding-bottom:12px;border-radius:4px 0 0 4px}.doc-text p{margin-bottom:20px;font-size:17px;line-height:1.85;color:var(--gray-700);text-align:justify}.doc-text p:first-of-type{font-size:18px;color:var(--gray-800);font-weight:500;line-height:1.9}.doc-text ul,.doc-text ol{margin:24px 0;padding-left:0;list-style:none}.doc-text ul li{margin-bottom:14px;font-size:17px;line-height:1.8;padding-left:32px;position:relative;color:var(--gray-700)}.doc-text ul li:before{content:"✓";position:absolute;left:0;top:2px;width:24px;height:24px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #2563eb4d}.doc-text ol{counter-reset:item;padding-left:0}.doc-text ol li{margin-bottom:14px;font-size:17px;line-height:1.8;padding-left:40px;position:relative;counter-increment:item;color:var(--gray-700)}.doc-text ol li:before{content:counter(item);position:absolute;left:0;top:0;width:28px;height:28px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #2563eb33}.doc-text strong{font-weight:700;color:var(--gray-900);background:linear-gradient(120deg,#2563eb1a 0% 100%);padding:2px 6px;border-radius:4px;font-size:17px}.doc-text>p.intro-text{background:linear-gradient(135deg,#2563eb0d,#8b5cf60d);padding:16px 20px;border-left:4px solid var(--primary-blue);border-radius:8px;margin-bottom:20px;font-weight:500;color:var(--gray-800)}.doc-info-box{background:linear-gradient(135deg,#2563eb14,#8b5cf614);border-left:4px solid var(--primary-blue);border-radius:8px;padding:20px 24px;margin:24px 0;box-shadow:0 2px 12px #2563eb1a}.doc-info-box p{margin-bottom:12px}.doc-info-box p:last-child{margin-bottom:0}.doc-warning-box{background:linear-gradient(135deg,#ef444414,#f59e0b14);border-left:4px solid var(--accent-red);border-radius:8px;padding:20px 24px;margin:24px 0;box-shadow:0 2px 12px #ef44441a}.doc-success-box{background:linear-gradient(135deg,#10b98114,#2563eb14);border-left:4px solid var(--accent-green);border-radius:8px;padding:20px 24px;margin:24px 0;box-shadow:0 2px 12px #10b9811a}.doc-text h2+p{margin-top:8px}.doc-text a{color:var(--primary-blue);text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}.doc-text a:hover{color:var(--primary-blue-dark);border-bottom-color:var(--primary-blue)}.doc-text em{font-style:italic;color:var(--gray-800);background:#2563eb0d;padding:2px 4px;border-radius:3px}@media(max-width:768px){.doc-section{padding:60px 0;background:linear-gradient(180deg,var(--gray-50) 0%,white 150px)}.doc-content{padding:0 12px}.doc-text{font-size:16px}.doc-text h2{font-size:26px;margin-top:40px;padding-left:16px;padding-top:16px;padding-bottom:12px}.doc-text h3{font-size:22px;margin-top:32px;padding-left:12px}.doc-text p{font-size:16px}.doc-text p:first-of-type{font-size:17px}.doc-text li{font-size:16px;padding-left:28px}.doc-text ul li:before{width:22px;height:22px;font-size:12px}.doc-text ol li{padding-left:36px}.doc-text ol li:before{width:26px;height:26px;font-size:13px}.doc-info-box,.doc-warning-box,.doc-success-box{padding:16px 20px}.program-accordion{padding:0 8px}}@media(max-width:480px){.doc-section{padding:15px 0;background:linear-gradient(180deg,var(--gray-50) 0%,white 100px)}.doc-content{padding:0 8px}.doc-text{font-size:15px}.doc-text h2{font-size:22px;margin-top:32px;padding-left:12px;padding-top:12px;padding-bottom:10px;border-left-width:3px}.doc-text h3{font-size:19px;margin-top:28px;padding-left:10px;border-left-width:2px}.doc-text p{font-size:15px;text-align:left}.doc-text p:first-of-type{font-size:16px}.doc-text ul li,.doc-text ol li{padding-left:24px;font-size:15px}.doc-text ul li:before{width:20px;height:20px;font-size:11px}.doc-text ol li:before{width:24px;height:24px;font-size:12px}.doc-info-box,.doc-warning-box,.doc-success-box{padding:14px 16px;margin:20px 0}.program-accordion{padding:0 4px}}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}.help-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.help-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.help-icon{font-size:48px;margin-bottom:16px}.help-card h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--gray-900)}.help-card p{color:var(--gray-600);font-size:14px}.instruction-section{background:var(--gray-50);border-radius:12px;padding:24px;margin:24px 0}.instruction-section h3{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--gray-900)}.instruction-section ol{margin:0;padding-left:24px}.instruction-section li{margin-bottom:12px;color:var(--gray-700)}.support-contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.support-contact-item{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease}.support-contact-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.support-contact-icon{font-size:32px;flex-shrink:0}.support-contact-item h4{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--gray-900)}.support-contact-item p{margin-bottom:4px;color:var(--gray-700);font-size:14px}.support-note{color:var(--gray-500);font-size:12px;font-style:italic}@media(max-width:1024px){.help-grid,.support-contacts{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.help-grid{grid-template-columns:1fr;gap:20px}.help-card{padding:24px}.support-contacts{grid-template-columns:1fr;gap:16px}.instruction-section{padding:20px}}@media(max-width:480px){.help-icon{font-size:40px}.help-card h3{font-size:18px}.support-contact-item{padding:20px}.support-contact-icon{font-size:28px}}.course-page-hero{padding:80px 0 60px;background:var(--gradient-light);position:relative;overflow:hidden;width:100%;max-width:100vw}.course-page-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out}.course-hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1;width:100%;padding:0 16px;box-sizing:border-box}.course-hero-emoji{font-size:80px;margin-bottom:24px;display:inline-block;animation:gentleShake 4s ease-in-out infinite}.course-hero-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--gray-900)}.course-hero-description{font-size:20px;color:var(--gray-600);line-height:1.6;max-width:800px;margin:0 auto 32px}.course-hero-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;padding:0 8px}.course-badge{display:inline-block;padding:8px 16px;background:#2563eb1a;color:var(--primary-blue);border-radius:20px;font-size:14px;font-weight:600;border:1px solid rgba(37,99,235,.2)}.course-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:800px;margin:40px auto 32px;width:100%;box-sizing:border-box}.course-stat-item{text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow-md);transition:all .3s ease}.course-stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.course-stat-value{font-size:32px;font-weight:700;color:var(--primary-blue);margin-bottom:8px;line-height:1}.course-stat-label{font-size:14px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.course-hero-visual{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.course-hero-visual .floating-3d{position:absolute;font-size:60px;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));will-change:transform;animation:gentleShake 4s ease-in-out infinite;opacity:.6}.course-hero-visual .floating-3d.gamepad{top:10%;left:5%;animation-delay:0s}.course-hero-visual .floating-3d.code{top:15%;right:10%;animation-delay:.5s}.course-hero-visual .floating-3d.money{bottom:20%;left:8%;animation-delay:1s}.course-hero-visual .floating-3d.star{bottom:15%;right:5%;animation-delay:1.5s}.course-hero-cta{margin-top:32px;position:relative;z-index:2}.course-program-list{list-style:none;margin:32px 0;padding-left:0}.course-program-list li{margin-bottom:16px;font-size:18px;line-height:1.8;padding-left:40px;position:relative;color:var(--gray-700)}.course-program-list li:before{content:"✓";position:absolute;left:0;top:2px;width:28px;height:28px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #2563eb4d}.result-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.result-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--gray-200);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-blue);transform:scaleX(0);transition:transform .3s ease}.result-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.result-card:hover:before{transform:scaleX(1)}.result-card-icon{font-size:64px;margin-bottom:20px;display:inline-block;animation:gentleShake 3s ease-in-out infinite}.result-card-title{font-size:22px;font-weight:600;margin-bottom:12px;color:var(--gray-900)}.result-card-description{color:var(--gray-600);font-size:16px;line-height:1.6}.program-accordion{max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}.program-module-item{background:#fff;border-radius:12px;margin-bottom:16px;border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease;position:relative}.program-module-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--primary-blue);border-radius:12px 0 0 12px}.program-module-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-blue) 0%,var(--accent-purple) 100%);border-radius:12px 0 0 12px}.program-module-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.program-module-header{padding:20px 24px 20px 32px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .3s ease}.program-module-header:hover{background-color:var(--gray-50)}.program-module-header:focus{outline:2px solid var(--primary-blue);outline-offset:-2px;border-radius:12px}.program-module-title{font-size:20px;font-weight:600;margin:0;color:var(--gray-900)}.program-module-icon{font-size:24px;font-weight:300;color:var(--primary-blue);transition:transform .3s ease;flex-shrink:0;margin-left:16px}.program-module-item.active .program-module-icon{transform:rotate(45deg)}.program-module-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 24px 0 32px}.program-module-item.active .program-module-content{max-height:500px;padding:0 24px 24px 32px}.program-module-content .course-program-list{margin-top:0;margin-bottom:0}.social-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.social-proof-card{background:#fff;border-radius:16px;padding:40px 32px;text-align:center;border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.social-proof-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-blue);transform:scaleX(0);transition:transform .3s ease}.social-proof-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-blue)}.social-proof-card:hover:before{transform:scaleX(1)}.social-proof-icon{font-size:48px;margin-bottom:16px;display:inline-block}.social-proof-value{font-size:48px;font-weight:700;color:var(--primary-blue);margin-bottom:8px;line-height:1}.social-proof-label{font-size:16px;color:var(--gray-600);font-weight:500}@media(max-width:1024px){.course-hero-stats{grid-template-columns:repeat(2,1fr);gap:20px}.course-hero-visual .floating-3d{font-size:50px;opacity:.5}}@media(max-width:768px){.course-page-hero{padding:60px 0 40px}.course-hero-badges{margin-bottom:20px;gap:8px;padding:0 4px}.course-badge{font-size:12px;padding:6px 12px;white-space:nowrap}.course-hero-emoji{font-size:60px;margin-bottom:20px}.course-hero-title{font-size:32px;margin-bottom:20px;line-height:1.2}.course-hero-description{font-size:18px;margin-bottom:24px;line-height:1.5}.course-hero-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin:32px 0 24px}.course-stat-item{padding:16px}.course-stat-value{font-size:28px}.course-hero-visual .floating-3d{font-size:40px;opacity:.4}.course-hero-visual .floating-3d.gamepad{left:2%}.course-hero-visual .floating-3d.code{right:5%}.course-hero-visual .floating-3d.money{left:3%}.course-hero-visual .floating-3d.star{right:2%}.course-hero-content{padding:0 12px}.course-hero-cta{margin-top:24px}.course-hero-cta .btn-primary-large{width:100%}.result-cards-grid{grid-template-columns:1fr;gap:24px}.social-proof-grid{grid-template-columns:repeat(2,1fr);gap:20px}.social-proof-card{padding:32px 20px}.social-proof-value{font-size:36px}.program-module-header{padding:16px 20px 16px 28px}.program-module-title{font-size:18px;line-height:1.3}.program-module-content,.program-module-item.active .program-module-content{padding-left:28px;padding-right:20px}.course-program-list li{font-size:16px;padding-left:36px;line-height:1.6}.course-program-list li:before{width:26px;height:26px;font-size:14px}}@media(max-width:480px){.course-page-hero{padding:40px 0 32px}.course-hero-content{padding:0 8px}.course-hero-badges{gap:6px;margin-bottom:16px;padding:0 4px}.course-badge{font-size:11px;padding:5px 10px;white-space:nowrap}.course-hero-emoji{font-size:48px;margin-bottom:16px}.course-hero-title{font-size:26px;margin-bottom:16px;line-height:1.2}.course-hero-description{font-size:16px;margin-bottom:20px;line-height:1.5}.course-hero-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 20px}.course-stat-item{padding:12px 8px}.course-stat-value{font-size:24px}.course-stat-label{font-size:12px}.course-hero-visual .floating-3d{font-size:32px;opacity:.3}.course-hero-visual .floating-3d.gamepad{left:1%;top:8%}.course-hero-visual .floating-3d.code{right:2%;top:12%}.course-hero-visual .floating-3d.money{left:2%;bottom:18%}.course-hero-visual .floating-3d.star{right:1%;bottom:12%}.course-hero-cta{margin-top:20px}.course-hero-cta .btn-primary-large{width:100%;padding:14px 24px;font-size:16px}.result-card{padding:24px 16px}.result-card-icon{font-size:48px;margin-bottom:16px}.result-card-title{font-size:20px;line-height:1.3}.result-card-description{font-size:15px;line-height:1.5}.program-module-header{padding:14px 16px 14px 24px}.program-module-title{font-size:16px;line-height:1.3}.program-module-content,.program-module-item.active .program-module-content{padding-left:24px;padding-right:16px}.social-proof-grid{grid-template-columns:1fr;gap:20px}.social-proof-card{padding:32px 24px}.social-proof-value{font-size:40px}.course-program-list li{font-size:15px;padding-left:32px;line-height:1.6}.course-program-list li:before{width:24px;height:24px;font-size:13px}}@media(max-width:360px){.course-hero-content{padding:0 4px}.course-hero-badges{gap:4px;padding:0 2px}.course-badge{font-size:10px;padding:4px 8px}.course-hero-title{font-size:24px}.course-hero-description{font-size:15px}.course-hero-stats{gap:8px}.course-stat-item{padding:10px 6px}.course-stat-value{font-size:20px}.course-stat-label{font-size:11px}.course-hero-visual .floating-3d{font-size:28px;opacity:.2}.program-module-header{padding:12px 12px 12px 20px}.program-module-title{font-size:15px}.program-module-content,.program-module-item.active .program-module-content{padding-left:20px;padding-right:12px}.course-program-list li{font-size:14px;padding-left:28px}.course-program-list li:before{width:22px;height:22px;font-size:12px}.result-card{padding:20px 12px}.result-card-title{font-size:18px}.result-card-description{font-size:14px}.doc-content{padding:0 4px}.program-accordion{padding:0 2px}}button{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}