*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{min-height:100vh;text-rendering:optimizeSpeed}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}textarea{resize:vertical}body{font-size:1rem;font-weight:400;line-height:1.5}body,h1,h2,h3,h4,h5,h6{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}h1{font-size:1.875rem}@media (min-width:768px){h1{font-size:2.25rem}}@media (min-width:1024px){h1{font-size:3rem}}h2{font-size:1.5rem}@media (min-width:768px){h2{font-size:1.875rem}}@media (min-width:1024px){h2{font-size:2.25rem}}h3{font-size:1.25rem}@media (min-width:768px){h3{font-size:1.5rem}}@media (min-width:1024px){h3{font-size:1.875rem}}h4{font-size:1.125rem}h5{font-size:1rem}h5,h6{font-weight:600}h6{font-size:.875rem}p{color:#475569;line-height:1.625}b,strong{font-weight:600}em,i{font-style:italic}small{color:#94a3b8;font-size:.875rem}code,kbd{background:#f1f5f9;border-radius:.25rem;color:#7c3aed;font-size:.875em;padding:.1em .35em}code,kbd,pre{font-family:JetBrains Mono,Fira Code,Courier New,monospace}pre{background:#0f172a;border-radius:.5rem;color:#f1f5f9;font-size:.875rem;overflow-x:auto;padding:1rem 1.5rem}pre code{background:transparent;color:inherit;padding:0}blockquote{border-left:4px solid #2563eb;color:#475569;font-style:italic;margin-left:0;padding-left:1rem}:root{--navbar-height:4rem}body{background-color:#f8fafc}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-block:2rem 4rem}.container{margin-inline:auto;max-width:1280px;padding-inline:1rem;width:100%}@media (min-width:768px){.container{padding-inline:1.5rem}}@media (min-width:1024px){.container{padding-inline:2rem}}.skip-link{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.skip-link:focus{background:#2563eb;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;left:1rem;padding:.5rem 1rem;position:fixed;top:1rem;z-index:500}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.section{padding-block:3rem}.section--lg{padding-block:4rem}.section--dark{background-color:#0f172a;color:#fff}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--dark h5,.section--dark h6,.section--dark p{color:#fff}.grid{display:grid;gap:1.5rem}.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}.section-title{color:#0f172a;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.section-subtitle{color:#475569;font-size:1.125rem;margin-bottom:2rem}.btn{align-items:center;border:2px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;padding:.75rem 1.5rem;text-decoration:none;transition:all .25s ease;white-space:nowrap}.btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--sm{font-size:.875rem;padding:.5rem 1rem}.btn--lg{font-size:1.125rem;padding:1rem 2rem}.btn--full{width:100%}.btn--primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.btn--secondary{background:#fff;border-color:#2563eb;color:#2563eb}.btn--secondary:hover{background:#eff6ff;color:#2563eb}.btn--accent{background:#7c3aed;border-color:#7c3aed;color:#fff}.btn--accent:hover{background:#6d28d9;border-color:#6d28d9;color:#fff}.btn--ghost{background:transparent;border-color:#e2e8f0;color:#0f172a}.btn--ghost:hover{background:#f1f5f9;border-color:#cbd5e1}.btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.btn--danger:hover{background:#bb1e1e;border-color:#bb1e1e}.btn--dark{background:#0f172a;border-color:#0f172a;color:#fff}.btn--dark:hover{background:#1e293b;border-color:#1e293b}.btn--icon{border-radius:9999px;height:2.5rem;padding:.5rem;width:2.5rem}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.form-label,label{color:#0f172a;font-size:.875rem;font-weight:500}.form-control,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:border-color box-shadow .25s ease;width:100%}.form-control::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=url]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#94a3b8}.form-control::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:#94a3b8}.form-control:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}.form-control:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=url]:disabled,select:disabled,textarea:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-control.is-invalid,input[type=email].is-invalid,input[type=number].is-invalid,input[type=password].is-invalid,input[type=search].is-invalid,input[type=tel].is-invalid,input[type=text].is-invalid,input[type=url].is-invalid,select.is-invalid,textarea.is-invalid{border-color:#dc2626}.form-control.is-invalid:focus,input[type=email].is-invalid:focus,input[type=number].is-invalid:focus,input[type=password].is-invalid:focus,input[type=search].is-invalid:focus,input[type=tel].is-invalid:focus,input[type=text].is-invalid:focus,input[type=url].is-invalid:focus,select.is-invalid:focus,textarea.is-invalid:focus{box-shadow:0 0 0 3px rgba(220,38,38,.15)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748B'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-help{color:#94a3b8;font-size:.75rem}.form-error{color:#dc2626;font-size:.75rem}.form-check{align-items:center;cursor:pointer;display:flex;gap:.5rem}.form-check input[type=checkbox],.form-check input[type=radio]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:1.125rem;width:1.125rem}.form-check label{cursor:pointer;font-size:.875rem}.form-card{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);margin-inline:auto;max-width:28rem;padding:2rem 1.5rem;width:100%}.form-card__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.form-card form>.btn{margin-top:1.5rem}.form-card__footer{color:#94a3b8;font-size:.875rem;margin-top:1rem;text-align:center}.form-errors{background:#fef2f2;border:1px solid #dc2626;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.form-errors ul{list-style:disc;padding-left:1rem}.link,a{color:#2563eb;text-decoration:none;text-underline-offset:.2em;transition:color text-decoration-color .25s ease}.link:focus-visible,a:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.link:hover,a:hover{color:#1d4ed8;text-decoration:underline}.link--muted{color:#475569}.link--muted:hover{color:#0f172a}.link--inverse{color:#fff}.link--inverse:hover{color:#eff6ff}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.01em;line-height:1.2;padding:.25rem .75rem}.badge--primary{background:#eff6ff;color:#1d4ed8}.badge--accent{background:#f5f3ff;color:#6d28d9}.badge--success{background:#f0fdf4;color:#16a34a}.badge--warning{background:#fffbeb;color:#d97706}.badge--error{background:#fef2f2;color:#dc2626}.badge--info{background:#f0f9ff;color:#0284c7}.badge--level-beginner{background:rgba(22,163,74,.12);color:#16a34a}.badge--level-intermediate{background:rgba(217,119,6,.12);color:#d97706}.badge--level-advanced{background:rgba(220,38,38,.12);color:#dc2626}.navbar{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.96);border-bottom:1px solid #e2e8f0;min-height:4rem;position:sticky;top:0;z-index:200}.navbar__container{margin-inline:auto;max-width:1280px;padding-inline:1rem;width:100%}@media (min-width:768px){.navbar__container{padding-inline:1.5rem}}@media (min-width:1024px){.navbar__container{padding-inline:2rem}}.navbar__container{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:4rem}.navbar__brand{color:#0f172a;font-size:1.25rem;font-weight:900}.navbar__toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#0f172a;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.navbar__toggle:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (min-width:1024px){.navbar__toggle{display:none}}.navbar__menu{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);display:none;left:0;padding:1rem;position:absolute;right:0;top:calc(100% + 1px)}.navbar__menu.is-open{display:block}@media (min-width:1024px){.navbar__menu{align-items:center;background:transparent;border:0;box-shadow:none;display:flex;flex:1;justify-content:space-between;padding:0;position:static}}.navbar__actions,.navbar__links{display:flex;flex-direction:column;gap:.5rem}@media (min-width:1024px){.navbar__actions,.navbar__links{align-items:center;flex-direction:row;gap:.75rem}}.navbar__actions{margin-top:.75rem}@media (min-width:1024px){.navbar__actions{margin-top:0}}.navbar__link{align-items:center;border-radius:.5rem;color:#0f172a;display:inline-flex;font-size:.875rem;font-weight:500;min-height:2.5rem;padding:0 .75rem}.navbar__link:hover{background:#f1f5f9;text-decoration:none}.navbar__user{color:#475569;font-size:.875rem;margin-right:.5rem}.footer{background:#0f172a;color:#fff;margin-top:auto;padding-block:2.5rem}.footer__container{margin-inline:auto;max-width:1280px;padding-inline:1rem;width:100%}@media (min-width:768px){.footer__container{padding-inline:1.5rem}}@media (min-width:1024px){.footer__container{padding-inline:2rem}}.footer__container{display:grid;gap:1.5rem}@media (min-width:768px){.footer__container{align-items:center;grid-template-columns:1fr auto}}.footer__brand{font-size:1.25rem;font-weight:700}.footer__text{color:hsla(0,0%,100%,.75);font-size:.875rem;margin-top:.5rem}.footer__links{display:flex;flex-wrap:wrap;gap:1rem}.footer__link{color:hsla(0,0%,100%,.9);font-size:.875rem}.footer__link:hover{color:#fff}.hero{background:radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 40%),radial-gradient(circle at top left,rgba(124,58,237,.12),transparent 35%),#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2.5rem 1.5rem}@media (min-width:768px){.hero{padding:3rem 2.5rem}}.hero__eyebrow{display:inline-flex;margin-bottom:1rem}.hero__title{font-size:1.875rem;line-height:1.25;margin-bottom:1rem}@media (min-width:768px){.hero__title{font-size:3rem}}.hero__subtitle{color:#475569;max-width:56ch}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.card__body{padding:1.25rem}.card__title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card__text{color:#475569}.course-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform box-shadow .25s ease}.course-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transform:translateY(-2px)}.course-card__media{aspect-ratio:16/9;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.course-card__image,.course-card__media{-o-object-fit:cover;object-fit:cover;width:100%}.course-card__image{height:100%}.course-card__body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.25rem}.course-card__top{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.course-card__title{color:#0f172a;font-size:1.125rem;font-weight:700;-webkit-line-clamp:2}.course-card__description,.course-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.course-card__description{color:#475569;font-size:.875rem;-webkit-line-clamp:3}.course-card__meta{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.course-card__footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:auto}.course-card__price{font-size:1.125rem;font-weight:700}.video-player{background:#0f172a;border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);overflow:hidden}.video-player__frame{aspect-ratio:16/9;border:0;min-height:220px;-o-object-fit:cover;object-fit:cover;width:100%}.video-player__meta{background:#fff;border-top:1px solid #e2e8f0;padding:1rem}.video-player__title{font-size:1.125rem;font-weight:600}.video-player__duration{color:#475569;font-size:.875rem;margin-top:.25rem}.video-player--empty{color:hsla(0,0%,100%,.8);display:grid;min-height:320px;padding:2rem;place-items:center;text-align:center}.pagination{display:flex;justify-content:center;margin-top:2rem}.pagination ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.pagination li{display:inline-flex}.pagination a,.pagination span{align-items:center;border:1px solid #e2e8f0;border-radius:.5rem;display:inline-flex;font-size:.875rem;height:2.25rem;justify-content:center;min-width:2.25rem;padding:0 .75rem}.pagination a:hover{background:#f1f5f9;text-decoration:none}.pagination .current{background:#2563eb;border-color:#2563eb;color:#fff}.alert-list{margin-inline:auto;max-width:1280px;padding-inline:1rem;width:100%}@media (min-width:768px){.alert-list{padding-inline:1.5rem}}@media (min-width:1024px){.alert-list{padding-inline:2rem}}.alert-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.alert{border:1px solid transparent;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem}.alert--success{background:#f0fdf4;border-color:rgba(22,163,74,.3);color:#107636}.alert--error{background:#fef2f2;border-color:rgba(220,38,38,.3);color:#b21d1d}.alert--warning{background:#fffbeb;border-color:rgba(217,119,6,.3);color:#8a4b04}.alert--info{background:#f0f9ff;border-color:rgba(2,132,199,.3);color:#016395}.page--home .home-featured{margin-top:3rem}.page--catalog .catalog-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.page--catalog .catalog-empty{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;text-align:center}.page--course .course-layout{display:grid;gap:1.5rem}@media (min-width:1024px){.page--course .course-layout{align-items:start;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}}.page--course .course-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem}.page--course .course-lesson-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.page--course .course-lesson-link{align-items:center;border-radius:.5rem;color:#0f172a;display:flex;gap:.75rem;justify-content:space-between;padding:.5rem .75rem}.page--course .course-lesson-link:hover{background:#f1f5f9;text-decoration:none}.page--course .course-lesson-link.is-active{background:#eff6ff;color:#1d4ed8;font-weight:600}.page--course .course-lesson-link--locked{cursor:not-allowed;opacity:.55}.page--course .course-lesson-link--locked:hover{background:transparent}.page--dashboard .dashboard-list{display:grid;gap:1rem}.page--dashboard .dashboard-item{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem}.page--dashboard .dashboard-item__meta{color:#475569;font-size:.875rem;margin-top:.5rem}.page--auth .auth-wrap{padding-bottom:3rem;padding-top:2rem}.error-page{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:4rem 0}.error-page__inner{max-width:480px;text-align:center}.error-page__code{color:#e2e8f0;font-size:8rem;font-weight:900;line-height:1;margin:0 0 1rem}.error-page__title{color:#0f172a;font-size:2.25rem;font-weight:700;margin:0 0 1rem}.error-page__message{color:#475569;font-size:1.125rem;line-height:1.625;margin:0 0 2rem}.error-page__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}