.learning-page{background:var(--card-bg);color:var(--text-color);min-height:100vh}.learning-loading{text-align:center;color:var(--text-secondary);padding:6rem 2rem}.glass-card{background:color-mix(in srgb, var(--card-bg) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 0 0 1px #0000000a,0 8px 24px #0000001a,0 20px 48px #0000000f}html:not(.dark-mode) .glass-card{border:1px solid #0f172a1f;box-shadow:0 0 0 1px #0000000d,0 8px 24px #0000001a,0 20px 48px #0000000f}.dark-mode .glass-card{border:1px solid #ffffff1a;box-shadow:0 0 0 1px #ffffff0d,0 8px 28px #0006,0 20px 52px #00000047}.learning-hero{padding:5rem 0 4rem;position:relative;overflow:hidden}.learning-hero-glow{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.learning-hero-glow-1{background:color-mix(in srgb, var(--logo-accent) 35%, transparent);width:400px;height:400px;top:-100px;left:-100px}.learning-hero-glow-2{background:color-mix(in srgb, var(--accent-glow) 25%, transparent);width:350px;height:350px;bottom:-80px;right:-80px}.learning-hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid;position:relative}.learning-hero-badge{background:color-mix(in srgb, var(--logo-accent) 15%, transparent);color:var(--logo-accent);border:1px solid color-mix(in srgb, var(--logo-accent) 30%, transparent);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.learning-hero-content h1{font-family:var(--font-heading), system-ui, sans-serif;background:linear-gradient(135deg, var(--text-color), var(--logo-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15}.learning-hero-content p{color:var(--text-secondary);max-width:520px;margin:0;font-size:1.05rem;line-height:1.65}.learning-hero-visual{justify-content:center;display:flex}.learning-hero-illustration{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.learning-hero-orbit{border:2px dashed color-mix(in srgb, var(--logo-accent) 30%, transparent);border-radius:50%;animation:20s linear infinite learning-orbit;position:absolute;inset:0}html:not(.dark-mode) .learning-hero-orbit{border-color:color-mix(in srgb, var(--logo-accent) 58%, #0f172a33)}.learning-hero-orbit i{background:var(--card-bg);border:1px solid var(--card-border);width:44px;height:44px;color:var(--logo-accent);box-shadow:0 8px 20px var(--shadow);border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute}.learning-hero-orbit i:first-child{top:-22px;left:50%;transform:translate(-50%)}.learning-hero-orbit i:nth-child(2){top:50%;right:-22px;transform:translateY(-50%)}.learning-hero-orbit i:nth-child(3){bottom:-22px;left:50%;transform:translate(-50%)}.learning-hero-orbit i:nth-child(4){top:50%;left:-22px;transform:translateY(-50%)}.learning-hero-avatar{border:4px solid var(--logo-accent);box-shadow:0 12px 40px var(--shadow-strong);border-radius:50%}.learning-hero-image{max-width:100%;height:auto;box-shadow:0 20px 60px var(--shadow-strong);border-radius:20px}@keyframes learning-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.learning-section{padding:3rem 0}.learning-section-title{font-family:var(--font-heading), system-ui, sans-serif;margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.learning-section-subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.learning-empty{text-align:center;color:var(--text-secondary);padding:2rem}.learning-stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.learning-stat-card{text-align:center;padding:1.25rem}.learning-stat-icon{background:linear-gradient(135deg, var(--logo-accent), var(--accent-glow));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto .75rem;font-size:1.1rem;display:flex}.learning-stat-value{color:var(--text-color);font-size:1.75rem;font-weight:800;line-height:1.2}.learning-stat-label{color:var(--text-secondary);margin:.35rem 0 0;font-size:.8rem}.learning-current-card{--learning-badge-size:clamp(156px, 22vw, 220px);grid-template-columns:minmax(280px,400px) 1fr;gap:0;margin-top:1.5rem;padding:0;display:grid;overflow:hidden}.learning-current-card.glass-card{border:1px solid #00000029;box-shadow:0 0 0 1px #0000000f,0 2px 6px #0000001a,0 10px 28px #00000029,0 20px 48px #0000001a}html:not(.dark-mode) .learning-current-card.glass-card{border:1px solid #0f172a24;box-shadow:0 0 0 1px #0000000f,0 2px 6px #0000001a,0 10px 28px #00000029,0 20px 48px #0000001a}.dark-mode .learning-current-card.glass-card{border:1px solid #ffffff1f;box-shadow:0 2px 6px #00000047,0 10px 32px #00000073,0 22px 56px #00000052}.learning-current-visual{justify-content:center;align-items:center;min-height:clamp(260px,34vw,340px);padding:2rem 1.75rem;display:flex;position:relative;overflow:hidden}.learning-current-banner{z-index:0;height:100%;min-height:unset;background:var(--cert-banner-gradient,linear-gradient(135deg, #0ea5e9, #6366f1));position:absolute;inset:0}.learning-current-banner:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000014 0%,#00000061 100%),radial-gradient(circle at 50% 40%,#ffffff1a 0%,#0000 55%);position:absolute;inset:0}.learning-current-banner img{object-fit:cover;width:100%;height:100%;min-height:unset}.learning-current-banner-fallback{width:100%;height:100%;min-height:unset;background:linear-gradient(135deg, var(--logo-accent), var(--accent-glow))}.learning-current-badge-wrap{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.learning-current-badge{width:var(--learning-badge-size);height:var(--learning-badge-size);background:var(--card-bg);border:4px solid var(--card-bg);color:var(--logo-accent);border-radius:20px;justify-content:center;align-items:center;font-size:clamp(2.75rem,5vw,3.75rem);display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 8px 20px #00000029,0 20px 48px #00000038}html:not(.dark-mode) .learning-current-badge{box-shadow:0 0 0 1px #00000014,0 10px 24px #00000024,0 24px 56px #0000002e}.dark-mode .learning-current-badge{box-shadow:0 8px 24px #0000006b,0 20px 52px #0000008c}.learning-current-badge img{object-fit:contain;width:100%;height:100%;padding:14px}.learning-current-body{flex-direction:column;gap:1rem;padding:2.5rem 2rem 2rem;display:flex}.learning-current-platform{color:var(--logo-accent);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.learning-current-title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.learning-current-description{color:var(--text-secondary);margin:0;line-height:1.6}.learning-current-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.85rem;display:flex}.learning-current-meta span{align-items:center;gap:.4rem;display:inline-flex}.learning-current-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}.learning-current-actions .learning-btn{border:1px solid #00000038;box-shadow:0 0 0 1px #0000000f,0 2px 6px #0000001f,0 8px 20px #00000029}html:not(.dark-mode) .learning-current-actions .learning-btn{border:1px solid #0f172a2e;box-shadow:0 0 0 1px #00000014,0 2px 6px #0000001a,0 10px 24px #00000024}.dark-mode .learning-current-actions .learning-btn{border:1px solid #ffffff24;box-shadow:0 2px 6px #00000047,0 10px 28px #0000006b}.learning-current-actions .learning-btn:hover{box-shadow:0 0 0 1px #0000001a,0 4px 10px #00000024,0 14px 32px #0003}.dark-mode .learning-current-actions .learning-btn:hover{box-shadow:0 4px 10px #00000061,0 14px 36px #00000085}.learning-btn{border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.learning-btn.primary{background:var(--logo-accent);color:#fff}.learning-btn.primary:hover{background:var(--accent-glow);transform:translateY(-1px)}.learning-btn.secondary{color:var(--text-color);background:0 0}.learning-btn.secondary:hover{border-color:var(--logo-accent);color:var(--logo-accent)}.learning-progress{align-items:center;gap:.75rem;display:flex}.learning-progress-track{background:var(--progress-bg);border-radius:999px;flex:1;height:10px;overflow:hidden}.learning-progress-fill{background:linear-gradient(90deg, var(--logo-accent), var(--accent-glow));height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--logo-accent) 40%, transparent);border-radius:999px}.learning-progress-label{color:var(--logo-accent);min-width:42px;font-size:.9rem;font-weight:700}.learning-skills-chips{flex-wrap:wrap;gap:.4rem;display:flex}.learning-skill-chip{background:var(--tag-bg);color:var(--tag-text);border:1px solid color-mix(in srgb, var(--tag-text) 15%, transparent);border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:500}.learning-timeline-wrap{margin-top:1rem;padding:1.5rem 2rem}.learning-timeline{margin:0;padding:0;list-style:none;position:relative}.learning-timeline:before{content:"";background:linear-gradient(180deg, var(--logo-accent), var(--card-border));width:2px;position:absolute;top:8px;bottom:8px;left:17px}.learning-timeline-item{gap:1rem;padding:.75rem 0;display:flex;position:relative}.learning-timeline-marker{background:var(--card-bg);border:2px solid var(--card-border);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;display:flex}.learning-timeline-item.completed .learning-timeline-marker{background:color-mix(in srgb, var(--success-color) 15%, var(--card-bg));border-color:var(--success-color);color:var(--success-color)}.learning-timeline-item.current .learning-timeline-marker{background:color-mix(in srgb, var(--logo-accent) 15%, var(--card-bg));border-color:var(--logo-accent);color:var(--logo-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--logo-accent) 20%, transparent)}.learning-timeline-content{flex:1;padding-top:.35rem}.learning-timeline-title{color:var(--text-color);font-weight:600;display:block}.learning-timeline-status{margin-top:.15rem;font-size:.75rem;font-weight:600;display:inline-block}.learning-timeline-status.completed{color:var(--success-color)}.learning-timeline-status.current{color:var(--logo-accent)}.learning-timeline-status.pending{color:var(--text-secondary)}.learning-labs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.learning-lab-card{padding:1.25rem}.learning-lab-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.35rem;display:flex}.learning-lab-header h3{margin:0;font-size:1.05rem}.learning-lab-platform{color:var(--text-secondary);margin:0 0 .75rem;font-size:.85rem}.learning-lab-meta{color:var(--text-secondary);gap:.75rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.learning-lab-difficulty.medium{color:#eab308}.learning-lab-difficulty.hard{color:#ef4444}.learning-lab-difficulty.easy,.learning-lab-status.completed{color:var(--success-color)}.learning-lab-status.in_progress{color:var(--logo-accent)}.learning-link{color:var(--logo-accent);align-items:center;gap:.35rem;margin-top:.5rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.learning-roadmaps-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.learning-roadmap-card{padding:1.25rem}.learning-roadmap-header{gap:.85rem;margin-bottom:1rem;display:flex}.learning-roadmap-icon{background:linear-gradient(135deg, var(--roadmap-accent,var(--logo-accent)), var(--accent-glow));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.learning-roadmap-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.learning-roadmap-header h3{margin:.15rem 0 0;font-size:1.05rem}.learning-roadmap-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.8rem;display:flex}.learning-roadmap-status.in_progress{color:var(--logo-accent)}.learning-roadmap-status.completed{color:var(--success-color)}.learning-calendar-wrap,.learning-chart-wrap,.learning-tech-wrap{margin-top:1rem;padding:1.5rem}.study-calendar-header{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.85rem;display:flex}.study-calendar-legend{align-items:center;gap:.35rem;font-size:.75rem;display:flex}.study-calendar-grid-wrap{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.study-calendar-weekdays{color:var(--text-secondary);flex-direction:column;gap:3px;padding-top:2px;font-size:.65rem;display:flex}.study-calendar-weekdays span{height:12px;line-height:12px}.study-calendar-grid{gap:3px;display:flex}.study-calendar-week{flex-direction:column;gap:3px;display:flex}.study-calendar-cell{background:var(--progress-bg);border-radius:3px;width:12px;height:12px;display:block}.study-calendar-cell.intensity-1{background:color-mix(in srgb, var(--logo-accent) 25%, var(--progress-bg))}.study-calendar-cell.intensity-2{background:color-mix(in srgb, var(--logo-accent) 45%, var(--progress-bg))}.study-calendar-cell.intensity-3{background:color-mix(in srgb, var(--logo-accent) 65%, var(--progress-bg))}.study-calendar-cell.intensity-4{background:var(--logo-accent)}.learning-chart-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.learning-chart-tab{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s}.learning-chart-tab.active,.learning-chart-tab:hover{background:var(--logo-accent);border-color:var(--logo-accent);color:#fff}.learning-chart-loading{text-align:center;color:var(--text-secondary);padding:3rem}.learning-goals-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.learning-goal-card{padding:1.25rem}.learning-goal-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.learning-goal-header h3{margin:0;font-size:1rem}.learning-goal-status{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:600}.learning-goal-status.in_progress{background:color-mix(in srgb, var(--logo-accent) 12%, transparent);color:var(--logo-accent)}.learning-goal-status.completed{background:color-mix(in srgb, var(--success-color) 12%, transparent);color:var(--success-color)}.learning-goal-date{color:var(--text-secondary);margin:.75rem 0 0;font-size:.78rem}.learning-books-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.learning-book-card{padding:0;overflow:hidden}.learning-book-cover{background:var(--section-bg);justify-content:center;align-items:center;height:140px;display:flex;overflow:hidden}.learning-book-cover img{object-fit:cover;width:100%;height:100%}.learning-book-cover-fallback{color:var(--logo-accent);opacity:.5;font-size:2.5rem}.learning-book-body{padding:1rem}.learning-book-body h3{margin:0 0 .25rem;font-size:.95rem}.learning-book-author{color:var(--text-secondary);margin:0 0 .5rem;font-size:.8rem}.learning-book-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.learning-book-status{color:var(--logo-accent);font-size:.7rem;font-weight:600}.learning-book-rating{color:#eab308;font-size:.75rem}.learning-book-date{color:var(--text-secondary);margin:.5rem 0 0;font-size:.75rem}.learning-resources-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.learning-resource-card{color:inherit;align-items:flex-start;gap:1rem;padding:1.25rem;text-decoration:none;display:flex}.learning-resource-icon{background:linear-gradient(135deg, var(--logo-accent), var(--accent-glow));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.learning-resource-card h3{margin:0 0 .25rem;font-size:.95rem}.learning-resource-card p{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.learning-resource-arrow{color:var(--text-secondary);flex-shrink:0;margin-left:auto;font-size:.85rem}.learning-completed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.learning-completed-card{gap:1rem;padding:1.25rem;display:flex}.learning-completed-thumb{background:var(--section-bg);width:72px;height:72px;color:var(--logo-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;display:flex;overflow:hidden}.learning-completed-thumb img{object-fit:contain;width:100%;height:100%;padding:6px}.learning-completed-platform{color:var(--logo-accent);text-transform:uppercase;font-size:.72rem;font-weight:600}.learning-completed-body h3{margin:.15rem 0;font-size:1rem}.learning-completed-hours{color:var(--text-secondary);margin:0 0 .5rem;font-size:.8rem}.cert-timeline-scroll{-webkit-overflow-scrolling:touch;margin-top:1rem;padding:.5rem 0 1rem;overflow-x:auto}.cert-timeline-track{gap:1rem;min-width:min-content;padding:.25rem;display:flex}.cert-timeline-item{text-align:center;flex:0 0 200px;padding:1.25rem}.cert-timeline-badge{background:var(--section-bg);width:64px;height:64px;color:var(--logo-accent);box-shadow:0 6px 16px var(--shadow);border-radius:12px;justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.75rem;display:flex;overflow:hidden}.cert-timeline-badge img{object-fit:contain;width:100%;height:100%;padding:6px}.cert-timeline-item h3{margin:0 0 .25rem;font-size:.9rem;line-height:1.3}.cert-timeline-platform{color:var(--text-secondary);margin:0 0 .25rem;font-size:.75rem}.cert-timeline-date{color:var(--text-secondary);margin:0 0 .75rem;font-size:.72rem}.cert-timeline-btn{justify-content:center;width:100%;padding:.5rem;font-size:.78rem}.tech-cloud{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tech-cloud-tag{background:var(--tag-bg);color:var(--tag-text);border:1px solid color-mix(in srgb, var(--tag-text) 15%, transparent);cursor:default;border-radius:999px;padding:.4rem .9rem;font-size:.82rem;font-weight:500;transition:transform .2s}@media (max-width:900px){.learning-hero-inner{text-align:center;grid-template-columns:1fr}.learning-hero-content p{margin:0 auto}.learning-current-card{grid-template-columns:1fr}.learning-current-visual{min-height:clamp(240px,58vw,300px);padding:2rem 1.25rem}.learning-current-body{padding-top:2rem}}@media (max-width:600px){.learning-hero{padding:3.5rem 0 2.5rem}.learning-stats-grid{grid-template-columns:repeat(2,1fr)}.learning-current-actions{flex-direction:column}.learning-btn{justify-content:center;width:100%}.learning-timeline-wrap{padding:1rem}.learning-coming-soon{text-align:center;flex-direction:column}}