.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-radius:12px;margin-bottom:20px;position:relative;z-index:1000}.nav-left,.nav-right{display:flex;align-items:center;gap:20px}.navbar-logo{height:40px;display:block}button.nav-link{background:none;border:none;padding:0;font:inherit;cursor:pointer}.nav-link{text-decoration:none;font-size:16px}.login-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:9999px;font-weight:700;text-decoration:none;cursor:pointer;pointer-events:auto}header.navbar{background:#0b1a2a!important;border:1px solid #1e3550!important;border-radius:12px;color:#fff!important;box-shadow:0 10px 28px #06111e73}header.navbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#2bc9c8,transparent 40%,transparent 60%,#2bc9c8);opacity:.55;pointer-events:none}header.navbar .nav-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;margin:2px 4px;border-radius:10px;background:#ffffff0f;color:#fff!important;text-decoration:none;transition:background .18s,box-shadow .18s,color .18s,transform .06s}header.navbar .nav-link:hover{background:#ffffff1f;box-shadow:0 6px 16px #06111e59}header.navbar .nav-link.active,header.navbar .nav-link[aria-current=page]{background:#ffffff29;box-shadow:0 8px 20px #06111e73;position:relative}header.navbar .nav-link.active:after,header.navbar .nav-link[aria-current=page]:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:3px;background:#2bc9c8}header.navbar .nav-link:focus-visible,header.navbar .login-button:focus-visible{outline:none;box-shadow:0 0 0 3px #2bc9c852}header.navbar .login-button{background:linear-gradient(180deg,#1b4b73,#153b5b)!important;color:#fff!important;border:1px solid #12324c!important;border-radius:9999px;padding:8px 20px;font-weight:700;transition:background .2s,box-shadow .2s,transform .06s}header.navbar .login-button:hover{background:#184667!important;box-shadow:0 10px 24px #09233973}header.navbar .login-button:active{transform:translateY(1px)}*::-webkit-scrollbar-thumb{background-color:#6ab8ff;border-radius:8px}*::-webkit-scrollbar-track{background-color:#ffffff14}html{scrollbar-color:#6ab8ff rgba(255,255,255,.08)}*::-webkit-scrollbar-thumb{background-color:#2e6aa3!important;border-radius:8px}*::-webkit-scrollbar-track{background-color:#102a44!important}html{scrollbar-color:#2e6aa3 #102a44!important}.main-content-area{display:flex;flex-direction:row;gap:20px;height:75vh}@media (max-width: 768px){.main-content-area{flex-direction:column;height:auto}}.call-to-action-section{text-align:center;padding:40px 20px;margin-top:30px}.call-to-action-section h2{font-size:2.8em;margin-bottom:15px;font-weight:700;text-decoration:underline;text-decoration-color:#2bc9c859;text-underline-offset:4px}.call-to-action-section p{font-size:1.2em;color:#aaa;line-height:1.6;margin:5px 0}.text-green{color:#28a745}.text-yellow{color:#ffc107}.text-red{color:#dc3545}.cta-register-box{border:2px solid var(--border, #333);background-color:var(--surface, #1a1a1a);border-radius:12px;padding:20px;margin-top:30px;max-width:800px;margin-left:auto;margin-right:auto}.cta-register-box p{font-size:1.1em;font-weight:700;color:var(--text, #e0e0e0);line-height:1.8;margin:0}.guest-hero{background:linear-gradient(180deg,#0e2238,#102a44);border:1px solid #2b4160;border-radius:16px;padding:clamp(16px,3vw,28px);margin-bottom:24px;color:#eaf4ff;box-shadow:0 12px 28px #07172559,inset 0 1px #ffffff0a}.guest-hero-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:clamp(16px,3vw,28px);align-items:start}@media (max-width: 980px){.guest-hero-grid{grid-template-columns:1fr}}.guest-hero .hero-copy h1{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.2;margin:0 0 8px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}.guest-hero .hero-sub{margin:0 0 10px;color:#cfe6ff;font-size:clamp(1rem,1.8vw,1.1rem)}.guest-hero .hero-steps{margin:10px 0 14px;padding:0;list-style:none;display:grid;gap:6px;color:#cfe6ff;font-size:clamp(.98rem,1.8vw,1.05rem)}.guest-hero .hero-steps li{position:relative;padding-left:24px}.guest-hero .hero-steps li:before{content:"✓";position:absolute;left:0;top:0;color:#2bc9c8;font-weight:800}.guest-hero .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700;letter-spacing:.2px;transition:transform .1s,box-shadow .2s,background .2s,color .2s,border-color .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary, #2bc9c8);color:#00131f;border:1px solid transparent}.btn-primary:hover{background:var(--primary-600, #29a0be);box-shadow:var(--shadow-soft, 0 8px 20px rgba(0,0,0,.25))}.btn-ghost{background:#ffffff0f;color:#eaf4ff;border:1px solid rgba(255,255,255,.18)}.btn-ghost:hover{background:#ffffff1f}.hero-aside{display:grid;gap:12px}.aside-card{background:#0f273f;border:1px solid #3a5e85;border-radius:14px;padding:12px 14px;color:#e6f2ff;box-shadow:inset 0 1px #ffffff08}.aside-title{margin:0 0 8px;font-size:1rem;color:#fff}.aside-list{margin:0;padding-left:18px;color:#cfe6ff}.aside-list li{margin:4px 0}.text-containers-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,20px);margin-bottom:clamp(16px,2.5vw,24px);align-items:stretch}@media (max-width: 900px){.text-containers-wrapper{grid-template-columns:1fr}}.text-container{background:linear-gradient(180deg,#0e2238,#102a44);border:1px solid #2b4160;border-radius:14px;padding:clamp(12px,1.6vw,16px);color:var(--text, #eaf4ff);box-shadow:0 10px 24px #07172559,inset 0 1px #ffffff0a;transition:box-shadow .2s ease,border-color .2s ease,transform .06s ease;display:flex;flex-direction:column;overflow:hidden}.text-container:hover{border-color:#3a5e85;box-shadow:0 12px 28px #07172573,inset 0 1px #ffffff0d;transform:translateY(-1px)}.tc-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px;flex:0 0 auto}.tc-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#2bc9c826;border:1px solid rgba(43,201,200,.35);filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.tc-title{margin:0;font-size:1.05rem;font-weight:800;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}.tc-title-accent{position:relative;font-size:1.15rem;letter-spacing:.2px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);margin:0;padding-bottom:4px}.tc-title-accent:after{content:"";display:block;height:3px;width:120px;max-width:60%;margin-top:6px;border-radius:3px;background:linear-gradient(90deg,#29a0be,#2bc9c8);opacity:.9}.tc-badge{display:inline-block;padding:2px 8px;margin-left:4px;border-radius:999px;background:#2bc9c82e;border:1px solid rgba(43,201,200,.45);color:#eaf4ff;font-weight:800;letter-spacing:.3px;line-height:1.2}.tc-body{flex:1 1 auto;min-height:0;display:grid;gap:8px;overflow:auto;padding-right:6px;scrollbar-gutter:stable}.tc-lead{color:#cfe6ff;margin:0;line-height:1.5}.tc-bullets{margin:0;padding-left:18px;color:#cfe6ff}.tc-bullets li{margin:4px 0;line-height:1.45}.roadmaps-section{margin-top:28px}.roadmap-block{background:var(--surface, #111);border:1px solid var(--border, #1f1f1f);border-radius:12px;padding:12px;margin-bottom:20px;color:var(--text, #cfe);box-shadow:inset 0 1px #ffffff08,0 10px 24px #07172566;transition:border-color .18s ease,box-shadow .2s ease}.roadmap-block:hover{border-color:#17304b;box-shadow:inset 0 1px #ffffff0f,0 12px 28px #0717257a}.roadmap-block-title{font-weight:800;margin-bottom:8px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15);border-bottom:1px solid rgba(11,26,42,.35);padding-bottom:6px}.roadmap-block-grid{display:grid;grid-template-columns:320px 1fr;gap:clamp(20px,2.2vw,32px);align-items:start;border-top:1px solid rgba(11,26,42,.35);padding-top:12px}@media (max-width: 900px){.roadmap-block-grid{grid-template-columns:1fr}}.roadmap-tags-only{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;padding-right:6px;scrollbar-gutter:stable}.roadmap-tag-btn{color:var(--text, #eaeaea);background:var(--surface-2, #102a44);border:1px solid #345679;border-radius:10px;padding:6px 10px;cursor:pointer;box-shadow:inset 0 1px #ffffff08;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .12s}.roadmap-tag-btn:hover{color:#29a0be;border-color:#29a0be;background:#29a0be1a;box-shadow:0 8px 22px #07172559}.roadmap-videos{max-height:420px;overflow-y:auto;padding-right:8px;color:var(--text, #eaeaea)}.roadmap-videos .muted,.roadmap-videos .small{color:var(--text-muted, #9fb3c8)}.roadmap-videos::-webkit-scrollbar,.roadmap-tags-only::-webkit-scrollbar,.tc-body::-webkit-scrollbar{width:8px}.roadmap-videos::-webkit-scrollbar-track,.roadmap-tags-only::-webkit-scrollbar-track,.tc-body::-webkit-scrollbar-track{background:#102a44}.roadmap-videos::-webkit-scrollbar-thumb,.roadmap-tags-only::-webkit-scrollbar-thumb,.tc-body::-webkit-scrollbar-thumb{background-color:#2e6aa3;border-radius:8px}.roadmap-videos,.roadmap-tags-only,.tc-body{scrollbar-color:#2e6aa3 #102a44}.muted{opacity:.85}.small{font-size:.95rem}.text-container{background:linear-gradient(180deg,#0e2238,#0f2a46)!important;border:1px solid #3a5e85!important;box-shadow:0 14px 30px #0717257a,inset 0 1px #ffffff0d!important;position:relative}.text-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;background:linear-gradient(180deg,#2e6aa3,#29a0be);opacity:.95}.tc-header{border-bottom:1px solid rgba(255,255,255,.1)!important}.tc-icon{background:#2e6aa32e!important;border:1px solid rgba(46,106,163,.45)!important}.tc-title-accent:after{background:linear-gradient(90deg,#2e6aa3,#29a0be)!important}.tc-badge{background:#2e6aa32e!important;border:1px solid rgba(46,106,163,.45)!important}.tc-body{overflow:auto;padding-right:8px;scrollbar-gutter:stable}.user-intro{background:linear-gradient(180deg,#0e2238,#102a44);border:1px solid #2b4160;border-radius:14px;padding:clamp(14px,2.4vw,20px);margin:0 0 20px;color:#eaf4ff;box-shadow:0 10px 24px #07172559,inset 0 1px #ffffff0a}.user-intro__title{margin:0 0 6px;font-size:clamp(1.25rem,2.4vw,1.5rem);font-weight:800;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}.user-intro__subtitle{margin:0 0 12px;color:#cfe6ff;line-height:1.55;font-size:clamp(.98rem,1.8vw,1.05rem)}.user-intro__cta{display:flex;gap:10px;flex-wrap:wrap}:root{--navy-bg: #0b1f33;--navy-bg-2: #102a44;--navy-border: #2b4160;--navy-border-strong: #3a5e85;--scroll-thumb: #2e6aa3;--scroll-track: #102a44}.tags-main-container{background:linear-gradient(180deg,#0e2238,var(--navy-bg-2))!important;border:1px solid var(--navy-border)!important;border-radius:12px!important;color:#fff!important;display:flex;flex-direction:column}.search-tags-wrapper{padding:10px;border-bottom:1px solid var(--navy-border)!important}.search-tags-bar{width:100%;background:#122b46!important;border:1px solid var(--navy-border-strong)!important;color:#fff!important;border-radius:20px;padding:8px 15px;font-size:14px;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0d;transition:border-color .15s,box-shadow .15s}.search-tags-bar::placeholder{color:#b9d1e8}.search-tags-bar:focus{outline:none;border-color:#2bc9c8!important;box-shadow:0 0 0 3px #2bc9c847}.tags-list{padding:10px;overflow-y:auto;flex-grow:1}.tags-list::-webkit-scrollbar,.tags-main-container::-webkit-scrollbar{width:8px}.tags-list::-webkit-scrollbar-track,.tags-main-container::-webkit-scrollbar-track{background:var(--scroll-track)!important;border-radius:4px}.tags-list::-webkit-scrollbar-thumb,.tags-main-container::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb)!important;border-radius:8px}.tags-list,.tags-main-container{scrollbar-color:var(--scroll-thumb) var(--scroll-track)!important}.tag-item{display:flex;align-items:center;justify-content:space-between;background:var(--navy-bg-2)!important;border:1px solid #345679!important;border-radius:12px!important;margin-bottom:10px;transition:background .2s,border-color .2s,box-shadow .2s}.tag-item:hover{background:#133150!important;border-color:#3a7bbf!important;box-shadow:0 8px 20px #05122066}.tag-button{color:#fff!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;padding:12px 15px;font-size:14px;text-align:left;flex-grow:1;transition:color .15s,border-color .15s,background .15s,box-shadow .2s}.tag-button:hover{color:#29a0be!important;border-color:#29a0be!important;background:#29a0be1a!important;box-shadow:0 6px 16px #05122059}.tag-button:focus-visible{outline:none;box-shadow:0 0 0 3px #2bc9c847}.like-icon{padding-right:15px;cursor:pointer;font-size:16px;display:flex;align-items:center;color:#b9d1e8!important;transition:color .15s,transform .06s}.like-icon:hover{color:#2bc9c8!important;transform:scale(1.06)}.like-icon.liked{color:#2bc9c8!important}.videos-main-container{border:2px solid #333;border-radius:8px;padding:20px;background-color:#1a1a1a;color:#e0e0e0;flex-grow:1;height:100%;overflow-y:auto}.videos-main-container::-webkit-scrollbar{width:8px}.videos-main-container::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.videos-main-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.initial-message,.loading-message{text-align:center;font-size:18px;color:#888;padding-top:20px}.video-card{background-color:#252525;border:1px solid #444;border-radius:8px;padding:15px;margin-bottom:20px}.video-card h3{margin-top:0;font-size:18px;color:#f0f0f0}.channel-name{font-size:14px;color:#aaa;margin-bottom:15px}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:6px}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.videos-main-container::-webkit-scrollbar-track{background:var(--surface-2)!important}.videos-main-container::-webkit-scrollbar-thumb{background-color:var(--border-strong)!important}.videos-main-container{background:#0b1f33!important;border:1px solid #2b4160!important;border-radius:12px!important;color:#fff!important}.initial-message,.loading-message{color:#b9d1e8!important}.video-card{background:#102a44!important;border:1px solid #345679!important;border-radius:12px!important;transition:transform .06s,box-shadow .2s,border-color .15s,background .15s}.video-card:hover{transform:translateY(-1px);border-color:#3a7bbf!important;box-shadow:0 10px 24px #0512206b}.video-card h3{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.15)}.channel-name{color:#b9d1e8!important}.video-embed{background:#133150!important;border-radius:10px!important}.videos-main-container{border-color:var(--navy-matte)!important}.videos-main-container::-webkit-scrollbar-thumb{background-color:var(--navy-matte-600)!important}.video-card{border-color:var(--navy-matte)!important}.video-card:hover{border-color:var(--navy-matte-600)!important}.video-embed{border:1px solid var(--navy-matte)!important}.videos-main-container::-webkit-scrollbar-thumb{background-color:#2e6aa3!important}.videos-main-container::-webkit-scrollbar-track{background:#102a44!important}.videos-main-container{scrollbar-color:#2e6aa3 #102a44!important}.roadmaps-page{padding:20px}.roadmaps-page h1{margin-bottom:16px}.roadmaps-list{display:grid;gap:16px}.roadmap-item{background:#111;border:1px solid #1f1f1f;border-radius:12px;padding:12px}.roadmap-header{display:flex;align-items:center;gap:10px}.roadmap-pill{background:#0f3;color:#062;font-weight:700;border:none;border-radius:20px;padding:8px 14px;cursor:pointer}.like-btn{background:none;border:1px solid #555;color:#ddd;border-radius:20px;padding:6px 10px;cursor:pointer}.like-btn.liked{background:#222;color:#f66;border-color:#f66}.roadmap-tags-container{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.roadmap-tag{background:#1a1a1a;border:1px solid #333;color:#eaeaea;padding:6px 10px;border-radius:12px;font-size:.95rem}.note{opacity:.8;margin-top:14px}.roadmaps-page,.roadmaps-page h1{color:var(--text)!important}.roadmap-item{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:12px!important;transition:background .15s,border-color .15s,box-shadow .2s}.like-btn,.roadmap-fav{border:1px solid var(--border)!important;color:var(--text)!important;background:transparent!important;border-radius:10px!important;transition:color .15s,border-color .15s,background .15s}.like-btn:hover,.roadmap-fav:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--hover)!important}.like-btn.is-liked,.roadmap-fav.is-liked{border-color:var(--primary-600)!important;color:var(--primary)!important}.roadmaps-list{gap:clamp(20px,2.2vw,32px)!important}@media (max-width: 480px){.roadmaps-list{gap:18px!important}}@supports not (gap: 1rem){.roadmap-item{margin-bottom:24px}.roadmaps-list>.roadmap-item:last-child{margin-bottom:0}}.roadmaps-section>.roadmap-item+.roadmap-item{margin-top:clamp(16px,2.2vw,16px)}@media (max-width: 480px){.roadmaps-section>.roadmap-item+.roadmap-item{margin-top:18px}}.navbar{background:var(--surface)!important;background-image:var(--grad-1)!important;background-blend-mode:overlay;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:box-shadow .25s,border-color .2s,background .2s}.navbar:hover{box-shadow:var(--shadow-soft);border-color:var(--border-strong)!important}.logo-link,.navbar-logo{display:block}.navbar-logo{filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));image-rendering:-webkit-optimize-contrast}.nav-link{position:relative;color:var(--text)!important;opacity:.95;border-radius:8px;text-decoration:none;transition:color .2s ease,background .2s ease}.nav-link:hover{background:var(--hover)!important}.nav-link:after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;opacity:.25;transition:transform .22s ease}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--primary)!important;background:#0ea5e914!important;border:1px solid var(--primary-600)!important}.nav-link:focus-visible{outline:none;box-shadow:var(--ring)}.login-button{background:var(--primary)!important;color:#fff!important;border:1px solid transparent!important;border-radius:10px!important;transition:background .2s,box-shadow .2s,transform .12s}.login-button:active{transform:translateY(1px)}.search-input{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:10px!important;transition:box-shadow .2s,border-color .2s,background .2s}.search-input::placeholder{color:var(--text-muted)!important}.search-input:focus{outline:none;box-shadow:var(--ring);border-color:var(--primary)!important}.nav-separator{width:1px;height:24px;background:var(--border);opacity:.9;border-radius:1px}:root{--navy-matte: #0b1a2a;--navy-matte-600: #17304b}.roadmap-item{border-color:var(--navy-matte)!important}.roadmap-item:hover{border-color:var(--navy-matte-600)!important}.roadmap-pill{border-color:var(--navy-matte)!important}.roadmap-pill:hover{border-color:var(--navy-matte-600)!important}.like-btn,.roadmap-fav{border-color:var(--navy-matte)!important}.like-btn:hover,.roadmap-fav:hover{border-color:var(--navy-matte-600)!important}.roadmap-tags-container .roadmap-tag{border-color:var(--navy-matte)!important}.roadmap-tags-container .roadmap-tag:hover{border-color:var(--navy-matte-600)!important}.roadmap-tags-only{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;max-height:180px;overflow-y:auto;padding-right:6px;scrollbar-gutter:stable}.roadmap-tags-only::-webkit-scrollbar{width:8px}.roadmap-tags-only::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.roadmap-tags-only::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.roadmap-tags-only{scrollbar-width:thin;scrollbar-color:#555 #2c2c2c}@media (max-width: 768px){.roadmap-tags-only{max-height:150px}}.roadmap-tags-only .roadmap-tag{display:block;width:100%;padding:8px 10px;line-height:1.25;border-radius:10px}.like-btn.liked{background:transparent!important;color:var(--primary)!important;border-color:var(--primary-600)!important}.like-btn.liked:hover{background:var(--hover)!important;color:var(--primary)!important;border-color:var(--primary)!important}.roadmap-tags-only::-webkit-scrollbar-thumb{background-color:#6ab8ff!important}.roadmap-tags-only:hover::-webkit-scrollbar-thumb{background-color:#56aefc!important}.roadmap-tags-only{scrollbar-color:#6ab8ff #2c2c2c!important}.roadmap-tags-only::-webkit-scrollbar-thumb{background-color:#2e6aa3!important}.roadmap-tags-only::-webkit-scrollbar-track{background:#102a44!important}.roadmap-tags-only:hover::-webkit-scrollbar-thumb{background-color:#2a6297!important}.roadmap-tags-only{scrollbar-color:#2e6aa3 #102a44!important}.form-field2{margin:20px}.login-contenido{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box}.login-formulario{display:flex;flex-direction:column;text-align:center;align-items:stretch;justify-content:center;padding:30px;background-color:#dbe2ef;border-radius:10px;box-shadow:0 0 10px #0003;width:100%;max-width:300px}.login-field{width:100%;margin:15px 0}.login-title{color:#dbe2ef;justify-content:center;align-self:center;text-align:center}.login-label{color:#dbe2ef;font-size:18px;margin:10px;display:block}.login-input{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:16px;box-sizing:border-box;width:80%}.login-boton-container{width:100%;display:flex;flex-direction:column}.login-boton{font-size:16px;font-weight:700;width:100%;padding:12px;background-color:#3f72af;border-radius:10px;margin-top:20px;color:#f9f7f7;cursor:pointer;border:none;text-align:center;display:block;text-decoration:none;transition:background-color .3s}.login-boton:hover{background-color:#284f7c}.forgot-link{width:100%;display:block;color:#3f72af;text-decoration:none;text-align:center;font-size:14px}.forgot-link:hover{color:#284f7c}.login-message{font-weight:700;color:#284f7c;text-align:center;margin-top:15px}.theme-dark{background:linear-gradient(180deg,#0e0e0e,#1a1a1a);min-height:100vh;display:grid;place-items:center;color:#eee}.login-card{background:#121212;border:1px solid #2a2a2a;border-radius:12px;padding:28px;width:100%;max-width:420px;box-shadow:0 10px 30px #00000059}.login-header h2{margin:0 0 4px;font-size:1.4rem}.login-header .sub{margin:0 0 18px;color:#bdbdbd;font-size:.95rem}.alert{border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:.95rem}.alert.error{background:#2d1616;color:#ffbdbd;border:1px solid #5a1e1e}.alert.ok{background:#162d1b;color:#bdf5c8;border:1px solid #1e5a2b}.login-form .form-field{margin-bottom:14px}.form-label{display:block;margin-bottom:6px;color:#cfcfcf}.form-input{width:100%;background:#1a1a1a;border:1px solid #303030;border-radius:8px;padding:10px 12px;color:#efefef}.form-input{width:100%;max-width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:#525252}.btn-primary{display:inline-block;background:#3a74ff;color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;transition:transform .05s ease-in-out,opacity .2s}.btn-primary:hover{opacity:.95}.btn-primary:active{transform:scale(.98)}.btn-primary.full{width:100%}.login-footer{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;align-items:center;justify-content:center;color:#c7c7c7}.btn-link{background:none;border:none;color:#4ea1ff;cursor:pointer;text-decoration:underline;padding:0}.field-2{margin-top:20px;margin-bottom:20px}.recommended-roadmaps{margin-top:20px}.recommended-roadmaps h2{margin-bottom:12px}.reco-list{display:grid;gap:14px}.reco-card{background:#111;border:1px solid #1f1f1f;border-radius:12px;padding:12px}.reco-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.reco-title{margin:0}.reco-badge{background:#0f3;color:#062;font-weight:700;border-radius:999px;padding:4px 10px;font-size:.95rem}.reco-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.reco-tag{background:#1a1a1a;color:#eaeaea;border:1px solid #333;border-radius:12px;padding:4px 8px;font-size:.95rem}.reco-tag.liked{border-color:#0f3;color:#cfe}.reco-actions .nav-link{text-decoration:underline}.muted{opacity:.8}.reco-card{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:12px!important;transition:background .15s,border-color .15s,box-shadow .2s}.reco-tags .reco-tag{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:12px!important}.reco-actions .nav-link{color:var(--primary)!important}.reco-actions .nav-link:hover{color:var(--primary-600)!important}.reco-badge{background:#22c55e!important;color:#062012!important;border:1px solid #16a34a!important;box-shadow:inset 0 1px #ffffff24}:root{--navy-matte: #0b1a2a;--cyan-accent: #2bc9c8;--cyan-accent-700: #1e8f8e}.reco-tags .reco-tag,.reco-tags .reco-tag-static{background:transparent!important;color:#fff!important;border:none!important;border-radius:9999px!important;box-shadow:inset 0 0 0 1.5px var(--navy-matte);transition:box-shadow .18s ease,color .18s ease,background .18s ease}.reco-tags .reco-tag:hover,.reco-tags .reco-tag-static:hover{box-shadow:inset 0 0 0 2px var(--cyan-accent);background:#2bc9c814!important;color:#fff!important}.reco-tags .reco-tag.liked,.reco-tags .reco-tag-static.liked{box-shadow:inset 0 0 0 2px var(--cyan-accent-700);background:#2bc9c829!important;color:var(--cyan-accent)!important}.reco-tags .reco-tag .tag-name,.reco-tags .reco-tag .name,.reco-tags .reco-tag span.tag,.reco-tags .reco-tag span.name{display:inline-block;border-radius:9999px;box-shadow:inset 0 0 0 1px #ffffff2e}.reco-tags .reco-tag:focus-visible,.reco-tags .reco-tag-static:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cyan-accent),0 0 0 3px #2bc9c83d}.profile-container{display:flex;flex-direction:column;align-items:center;text-align:center}.boton-perfil{color:#004718;background-color:#0f3;font-weight:700;padding:8px 14px;border-radius:999px;font-size:.95rem;transition:background-color .2s;cursor:pointer;margin-bottom:2rem}.boton-perfil:hover{background-color:#5cff7d}.recommended-roadmaps h2{text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:#0ea5e940;text-decoration-line:underline}.reco-card{box-shadow:inset 0 1px #ffffff08;transition:box-shadow .25s,border-color .2s,background .2s}.reco-card:hover{box-shadow:var(--shadow-soft);border-color:var(--border-strong)}.boton-perfil{box-shadow:0 8px 20px #0c2e4473,inset 0 1px #ffffff24!important}.boton-perfil:hover{box-shadow:0 10px 26px #0c2e448c,inset 0 1px #ffffff2e!important}nav.profile-tabs .nav-link{display:inline-flex;align-items:center;padding:8px 14px;margin-inline:12px;border-radius:10px}@media (min-width: 768px){nav.profile-tabs .nav-link{margin-inline:16px}}@media (min-width: 1200px){nav.profile-tabs .nav-link{margin-inline:18px}}.title-diagnostic{align-self:center;justify-content:center;justify-self:center;color:#fff;margin-bottom:20px}.metric-block{margin-bottom:16px}.metric-name{font-weight:600;margin-top:10px;margin-bottom:20px}.metric-values{display:grid;grid-template-columns:1fr 1fr;border:1px solid #333;border-radius:8px}.valor-obtenido,.rango-optimo{background-color:#111;padding:8px 15px}.valor-obtenido{border-top-left-radius:8px;border-bottom-left-radius:8px}.rango-optimo{border-top-right-radius:8px;border-bottom-right-radius:8px}.detailed-analysis{margin-top:20px}.detailed-metric{background-color:#111;border:1px solid #333;border-radius:8px;padding:12px 20px;margin-bottom:18px}.detailed-metric strong{display:block;font-weight:600;color:#e0e0e0;margin-bottom:4px}.detailed-metric span{color:#ccc;line-height:1.5}.explanation-section{margin-top:20px}.explanation-block{background-color:#111;border:1px solid #333;border-radius:8px;padding:12px 16px;margin-bottom:12px}.explanation-block strong{display:block;font-weight:600;color:#e0e0e0;margin-bottom:6px}.explanation-block p{color:#ccc;line-height:1.5;margin:4px 0}.main-cont{padding:15px}.btn-diagnostic{background:#0f3;color:#003a13;font-weight:700;border:none;border-radius:20px;padding:12px 18px;cursor:pointer;margin:10px}.semaforo{align-self:center;justify-content:center;justify-self:center;color:#fff}.btn-diagnostic:hover{background:#6eff8b}.form-diagnostic{border:1px solid #333;background-color:#121418;padding:25px;border-radius:15px;width:800px;justify-self:center}.form-Cont{display:flex;flex-direction:column;align-items:center}.grid-cont{display:grid;grid-template-columns:1fr 1fr;column-gap:120px;row-gap:10px}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.form-group label{font-size:.95rem;font-weight:600;color:#e0e0e0;margin-bottom:6px;letter-spacing:.5px}.form-input{padding:10px 12px;border-radius:8px;border:1px solid #333;background-color:#111;color:#fff;font-size:1rem;transition:all .3s ease}.title-diagnostic{align-self:center;justify-content:center;justify-self:center;color:#fff}.cont-results{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:20px;row-gap:10px;justify-items:center}.cont-individual-result{border:2px solid white;border-radius:15px;width:350px;max-width:400px;background-color:#121418;border:1px solid #262a33}.data-diagnostic{padding:15px;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:25px}.data-diagnostic p{font-weight:700}.semaforo-color{width:80px;height:80px;border-radius:50%;margin:0 auto;transition:background .3s ease;border:3px solid white}.semaforo-verde{background:#28a745}.semaforo-amarillo{background:#ffc107}.semaforo-rojo{background:#dc3545}.analysis-main-content{display:flex;flex-direction:column;align-items:center;text-align:center}.tooltip-icon{display:inline-block;margin-left:5px;background:#727272;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;text-align:center;cursor:pointer;position:relative}.tooltip-text{visibility:hidden;width:220px;background:#333;color:#fff;text-align:left;padding:6px;border-radius:6px;position:absolute;z-index:1;top:120%;left:50%;transform:translate(-50%);font-size:13px}.tooltip-icon:hover .tooltip-text{visibility:visible}html,body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}:root{--bg: #0b0d10;--surface: #121418;--surface-2: #171a1f;--text: #eaecef;--text-muted: #a6adbb;--border: #262a33;--border-strong: #2f3540;--primary: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--hover: rgba(255,255,255,.04);--shadow-soft: 0 8px 24px rgba(2,132,199,.15);--ring: 0 0 0 3px rgba(14,165,233,.25);--grad-1: linear-gradient(135deg, rgba(14,165,233,.18), rgba(139,92,246,.12))}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--border-w: 1px;--border-w-strong: 1.5px;--dur-fast: .12s;--dur: .2s;--dur-slow: .32s}.container--elevate{transition:box-shadow var(--dur,.2s),border-color var(--dur,.2s),background var(--dur,.2s)}.container--elevate:hover{box-shadow:var(--shadow-soft);border-color:var(--border-strong)!important}.container--focus:focus-within{box-shadow:var(--ring)}.text-container,.tags-main-container,.videos-main-container,.video-card,.roadmap-item,.reco-card,.form-diagnostic,.explanation-block,.value-box,.login-formulario{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md,12px)!important;color:var(--text)!important;box-shadow:inset 0 1px #ffffff08,0 0 #0000;transition:box-shadow var(--dur,.2s) ease,border-color var(--dur,.2s) ease,background var(--dur,.2s) ease,color var(--dur,.2s) ease}.text-container,.roadmap-item,.reco-card,.video-card{background-image:var(--grad-1)!important;background-blend-mode:overlay}.video-card:hover,.roadmap-item:hover,.reco-card:hover{border-color:var(--border-strong)!important;box-shadow:var(--shadow-soft)}.text-container:focus-within,.form-diagnostic:focus-within,.login-formulario:focus-within{box-shadow:var(--ring)}.text-container hr,.form-diagnostic hr,.explanation-block hr,.reco-card hr,.roadmap-item hr{border:0;height:1px;background:var(--border);opacity:.9}.text-container header,.reco-card .reco-header,.roadmap-item .roadmap-header{color:var(--text)!important;text-shadow:0 1px 0 rgba(0,0,0,.15)}.text-container header h1,.text-container header h2,.text-container header h3{color:var(--text)!important;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:#0ea5e940;text-decoration-line:underline}.roadmap-tags-container .roadmap-tag,.reco-tags .reco-tag,.tags-chips .tag-chip{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:var(--radius-sm,10px)!important;transition:border-color var(--dur,.2s),color var(--dur,.2s),background var(--dur,.2s)}.roadmap-tags-container .roadmap-tag:hover,.reco-tags .reco-tag:hover,.tags-chips .tag-chip:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--hover)!important}.tag-button,.roadmap-fav,.like-btn,.btn-diagnostic,.btn-login,.btn-register,.video-watch,.boton-perfil{border-radius:var(--radius-sm,10px)!important;transition:background var(--dur,.2s),box-shadow var(--dur,.2s),transform var(--dur-fast,.12s),color var(--dur,.2s),border-color var(--dur,.2s)}.tag-button:hover,.roadmap-fav:hover,.like-btn:hover,.btn-diagnostic:hover,.btn-login:hover,.btn-register:hover,.video-watch:hover,.boton-perfil:hover{box-shadow:var(--shadow-soft)}.is-liked,.is-active,.liked{border-color:var(--primary-600)!important;color:var(--primary)!important;box-shadow:0 0 0 2px #0ea5e91f;background:#0ea5e914!important}.video-embed{background:var(--surface-2)!important;border-radius:var(--radius-sm,10px)!important;box-shadow:inset 0 1px #ffffff08}.initial-message,.loading-message,.muted{color:var(--text-muted)!important;text-shadow:none;opacity:.95}button[disabled],button:disabled,.btn-login[disabled],.btn-register[disabled],.btn-diagnostic[disabled],.roadmap-fav[disabled]{opacity:.55!important;cursor:not-allowed!important;filter:grayscale(10%)}.is-loading{pointer-events:none;opacity:.75}.login-button:active,.btn-login:active,.btn-register:active,.btn-diagnostic:active,.roadmap-pill:active,.roadmap-fav:active,.tag-button:active{transform:translateY(1px)}:root{color-scheme:dark}html,body{background:var(--bg)!important;color:var(--text)!important}a{color:var(--primary)}a:hover{color:var(--primary-600)}.muted,.text-muted{color:var(--text-muted)!important}.navbar{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;background-image:var(--grad-1)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-link{color:var(--text)!important;opacity:.9;border-radius:8px;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--hover);color:var(--text)!important}.login-button{color:var(--text)!important;border:1px solid transparent!important;background:var(--primary)!important;border-radius:10px!important;box-shadow:none;transition:background .2s,box-shadow .2s,transform .08s}.login-button:hover{background:var(--primary-600)!important;box-shadow:var(--shadow-soft)}.login-button:focus-visible{outline:none;box-shadow:var(--ring)}.tags-main-container{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;color:var(--text)!important}.search-tags-bar{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}.search-tags-bar::placeholder{color:var(--text-muted)!important}.search-tags-bar:focus{outline:none;box-shadow:var(--ring)}.tags-list::-webkit-scrollbar{width:8px}.tags-list::-webkit-scrollbar-track{background:var(--surface-2);border-radius:4px}.tags-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.tag-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;transition:background .15s,border-color .15s}.tag-item:hover{background:var(--surface-2)!important;border-color:var(--border-strong)!important}.tag-button{color:var(--text)!important;background:transparent!important;border:1px solid var(--border)!important;border-radius:10px!important;transition:color .15s,border-color .15s,background .15s}.tag-button:hover{color:var(--primary)!important;border-color:var(--primary)!important;background:var(--hover)!important}.tag-button:focus-visible{outline:none;box-shadow:var(--ring)}.like-icon{color:var(--text-muted)!important;transition:color .15s,transform .05s}.like-icon:hover{color:var(--primary-600)!important;transform:scale(1.06)}.like-icon.liked{color:var(--primary)!important}.videos-main-container{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;color:var(--text)!important}.initial-message,.loading-message{color:var(--text-muted)!important}.video-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;transition:transform .06s,box-shadow .2s,border-color .15s,background .15s}.video-card:hover{transform:translateY(-1px);border-color:var(--border-strong)!important;box-shadow:var(--shadow-soft)}.video-embed{background:var(--surface-2)!important}.video-card h3{color:var(--text)!important}.channel-name{color:var(--text-muted)!important}.text-container,.block,.widget,.card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;color:var(--text)!important}.text-container header,.block header,.widget header,.card header{color:var(--text)!important}.text-container textarea,.text-container input[type=text],.text-container input[type=search]{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:10px!important}.text-container textarea::placeholder,.text-container input::placeholder{color:var(--text-muted)!important}.text-container textarea:focus,.text-container input:focus{outline:none;box-shadow:var(--ring)}.login-contenido{background:transparent!important;color:var(--text)!important}.login-formulario{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;color:var(--text)!important}.input-group label{color:var(--text-muted)!important}.input-group input,.input-group select{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:10px!important}.input-group input::placeholder{color:var(--text-muted)!important}.input-group input:focus,.input-group select:focus{outline:none;box-shadow:var(--ring)}.btn-login,.btn-register{background:var(--primary)!important;color:#fff!important;border:1px solid transparent!important;border-radius:10px!important;transition:background .2s,box-shadow .2s,transform .08s}.btn-login:hover,.btn-register:hover{background:var(--primary-600)!important;box-shadow:var(--shadow-soft)}.btn-login:focus-visible,.btn-register:focus-visible{outline:none;box-shadow:var(--ring)}.profile-container{color:var(--text)!important}.boton-perfil{background:var(--primary)!important;color:#fff!important;border:1px solid transparent!important;border-radius:999px!important;transition:background .2s,box-shadow .2s,transform .08s}.boton-perfil:hover{background:var(--primary-600)!important;box-shadow:var(--shadow-soft)}.boton-perfil:focus-visible{outline:none;box-shadow:var(--ring)}.recommended-roadmaps h2{color:var(--text)!important}.reco-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;transition:background .15s,border-color .15s,box-shadow .2s}.reco-card:hover{background:var(--surface-2)!important;border-color:var(--border-strong)!important;box-shadow:var(--shadow-soft)}.reco-title{color:var(--text)!important}.reco-tags .reco-tag{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:12px!important}.reco-tag.liked{color:var(--primary)!important;border-color:var(--primary-600)!important;background:#0ea5e91f!important}.roadmaps-page h1{color:var(--text)!important}.roadmap-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;transition:background .15s,border-color .15s,box-shadow .2s}.roadmap-item:hover{background:var(--surface-2)!important;border-color:var(--border-strong)!important;box-shadow:var(--shadow-soft)}.roadmap-pill{background:var(--primary)!important;color:#fff!important;border:1px solid transparent!important;border-radius:20px!important;transition:background .2s,box-shadow .2s,transform .08s}.roadmap-pill:hover{background:var(--primary-600)!important;box-shadow:var(--shadow-soft)}.roadmap-pill:focus-visible{outline:none;box-shadow:var(--ring)}.roadmap-fav{border:1px solid var(--border)!important;color:var(--text)!important;background:transparent!important;border-radius:10px!important;transition:color .15s,border-color .15s,background .15s}.roadmap-fav:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--hover)!important}.roadmap-fav.is-liked{border-color:var(--primary-600)!important;color:var(--primary)!important}.roadmap-tags-container .roadmap-tag{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:12px!important}.form-diagnostic,.explanation-block,.value-box{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;color:var(--text)!important}.field input,.field select,.field textarea{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:10px!important}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)!important}.field input:focus,.field select:focus,.field textarea:focus{outline:none;box-shadow:var(--ring)}.btn-diagnostic{background:var(--primary)!important;color:#fff!important;border:1px solid transparent!important;border-radius:12px!important;transition:background .2s,box-shadow .2s,transform .08s}.btn-diagnostic:hover{background:var(--primary-600)!important;box-shadow:var(--shadow-soft)}.btn-diagnostic:focus-visible{outline:none;box-shadow:var(--ring)}.semaforo-verde{background:#10b981!important;color:#0b0d10!important}.semaforo-amarillo{background:#f59e0b!important;color:#0b0d10!important}.semaforo-rojo{background:#ef4444!important;color:#0b0d10!important}.footerClass{background:var(--surface)!important;border-top:1px solid var(--border)!important;color:var(--text)!important;border-radius:12px!important;padding:10px 20px}.footerClass h2 a{color:var(--text)!important;text-decoration:none!important}.footerClass h2 a:hover{color:var(--primary)!important}.footer-links{list-style:none}.footer-links a{color:var(--primary)!important;text-decoration:none}.footer-links a:hover{color:var(--primary-600)!important;text-decoration:underline}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.1px;line-height:1.45}h1{font-weight:800}h2{font-weight:700}h3{font-weight:700;opacity:.95}a{text-underline-offset:2px;text-decoration-thickness:1.5px}::selection{background:#0ea5e947;color:var(--text)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--surface-2)}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--primary)!important}svg,i,.icon{color:currentColor}.muted,.text-muted{color:var(--text-muted)!important;opacity:.95}.u-soft{transition:box-shadow .25s ease,border-color .2s ease,background .2s ease}.u-soft:hover{box-shadow:var(--shadow-soft);border-color:var(--border-strong)!important}.hr,hr{border:0;height:1px;background:var(--border);opacity:.9}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0px 1000px var(--surface-2) inset;box-shadow:0 0 0 1000px var(--surface-2) inset}.text-container:focus-within,.login-formulario:focus-within,.form-diagnostic:focus-within{box-shadow:var(--ring)}.reco-card a,.roadmap-item a,.video-card a{text-decoration-thickness:1.5px;text-underline-offset:2px}.reco-card a:hover,.roadmap-item a:hover,.video-card a:hover{color:var(--primary-600)}.recommended-roadmaps h2,.liked-roadmaps h2,.home-liked-roadmaps h2{color:var(--text)!important;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:#0ea5e940;text-decoration-line:underline;text-shadow:0 1px 0 rgba(0,0,0,.15)}.reco-card,.roadmap-item--liked{background:var(--surface)!important;background-image:var(--grad-1)!important;background-blend-mode:overlay;border:1px solid var(--border)!important;border-radius:12px!important;color:var(--text)!important;box-shadow:inset 0 1px #ffffff08;transition:box-shadow .25s ease,border-color .2s ease,background .2s ease,color .2s ease}.reco-card:hover,.roadmap-item--liked:hover{box-shadow:var(--shadow-soft);border-color:var(--border-strong)!important}.reco-header,.roadmap-header{color:var(--text)!important;text-shadow:0 1px 0 rgba(0,0,0,.12);border-bottom:1px solid var(--border)}.reco-title,.roadmap-title{color:var(--text)!important;font-weight:800;letter-spacing:.2px}.reco-meta,.roadmap-meta,.reco-card p,.roadmap-item--liked p{color:var(--text-muted)!important}.reco-tags .reco-tag,.roadmap-tags-container .roadmap-tag{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:10px!important;box-shadow:inset 0 1px #ffffff08;transition:border-color .2s,color .2s,background .2s}.reco-tags .reco-tag:hover,.roadmap-tags-container .roadmap-tag:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--hover)!important}.reco-like,.roadmap-fav,.like-btn{border:1px solid var(--border)!important;color:var(--text)!important;background:transparent!important;border-radius:10px!important;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .12s}.reco-like:hover,.roadmap-fav:hover,.like-btn:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--hover)!important;box-shadow:var(--shadow-soft)}.reco-like.is-liked,.roadmap-fav.is-liked,.like-btn.is-liked,.like-icon.liked{color:var(--primary)!important;border-color:var(--primary-600)!important;box-shadow:0 0 0 2px #0ea5e91f;background:#0ea5e914!important}.reco-actions .nav-link,.reco-actions .btn-link,.roadmap-cta,.reco-cta{color:#fff!important;background:var(--primary)!important;border:1px solid transparent!important;border-radius:10px!important;text-decoration:none!important;transition:background .2s,box-shadow .2s,transform .12s}.reco-actions .nav-link:hover,.reco-actions .btn-link:hover,.roadmap-cta:hover,.reco-cta:hover{background:var(--primary-600)!important;box-shadow:var(--shadow-soft)}.reco-actions .nav-link:active,.reco-actions .btn-link:active,.roadmap-cta:active,.reco-cta:active{transform:translateY(1px)}.reco-card a,.roadmap-item--liked a{text-decoration-thickness:1.5px;text-underline-offset:2px}.reco-card a:hover,.roadmap-item--liked a:hover{color:var(--primary-600)}.reco-card:focus-within,.roadmap-item--liked:focus-within{box-shadow:var(--ring)}.reco-thumb,.roadmap-thumb{background:var(--surface-2)!important;border-radius:10px!important;box-shadow:inset 0 1px #ffffff08}.reco-empty,.reco-loading{color:var(--text-muted)!important;text-shadow:none;opacity:.95}