html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--dark-blue: #102644;--blue: #00cdff;--blue-hover: #008eb3;--yellow-tv: #b4ff00;--yellow-tv-hover: #8fc200;--white: #ffffff;--bg-white: #f8f9fa;--bg-black: #121212;--black: #0a0a0a;--bg-semiwhite: #e0e0e0;--primary-gradient: linear-gradient(135deg, var(--dark-blue) 0%, var(--blue) 100%);--accent-gradient: linear-gradient(135deg, var(--yellow-tv) 0%, #d4ff59 100%);--dark-gradient: linear-gradient(180deg, var(--bg-black) 0%, #1e1e1e 100%);--font-family: "IBM Plex Sans", "Inter", Roboto, Arial, sans-serif;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-pill: 99px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 20px rgba(0, 0, 0, .1);--shadow-glow: 0 0 15px rgba(180, 255, 0, .4);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}html{font-size:62.5%}body{font-family:var(--font-family);background-color:var(--bg-white);color:var(--black);font-size:1.6rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;margin-top:.2rem}h1{font-size:3.2rem}h2{font-size:2.4rem}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}router-outlet+*{display:block;animation:pageFadeIn .5s cubic-bezier(.25,.8,.25,1) forwards}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-pill);padding:10px 24px;font-weight:700;font-size:1.5rem;cursor:pointer;text-decoration:none;transition:all var(--transition-normal);border:none;outline:none}.btn-primary{background:var(--dark-blue);color:var(--white);box-shadow:var(--shadow-sm);border:1px solid transparent}.btn-primary:hover{background:var(--primary-gradient);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--white)}.sidebar-section .btn-primary{margin:10px}.btn-secondary{background:var(--accent-gradient);color:var(--dark-blue);box-shadow:var(--shadow-sm)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);color:var(--dark-blue)}.content-router{width:100%}body.dark-mode{background-color:var(--bg-black);background-image:var(--dark-gradient);color:var(--white)}body.dark-mode .content-router{color:var(--white);background-color:transparent}body.dark-mode .btn-primary{background:transparent;border:1px solid rgba(255,255,255,.2)}body.dark-mode .btn-primary:hover{background:var(--white);color:var(--black)}.swal2-modal{width:50rem!important;border-radius:var(--border-radius-md)!important;box-shadow:0 25px 50px #00000040!important;padding:2.5rem!important}.swal2-title{font-size:2rem!important;color:var(--dark-blue)}#swal2-html-container{font-size:1.6rem!important;line-height:1.5}.swal2-actions{font-size:1.6rem}.swal2-confirm{background:var(--dark-blue)!important;border-radius:var(--border-radius-pill)!important;padding:12px 30px!important}.swal2-toast{top:9rem!important;border-radius:var(--border-radius-sm)!important}.legal-container{max-width:80rem;margin:4rem auto;padding:4rem;background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:#333;line-height:1.8;transition:background var(--transition-normal)}.legal-container h1{color:var(--dark-blue);margin-bottom:25px;border-bottom:2px solid #eee;padding-bottom:15px;font-size:3rem}.legal-container h2{color:var(--blue);margin-top:30px;margin-bottom:15px}.legal-container p{margin-bottom:15px;text-align:justify}.legal-container ul{margin-bottom:15px;padding-left:20px}.legal-container li{margin-bottom:8px}body.dark-mode .legal-container{background:#2c2c2c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);color:#e0e0e0;box-shadow:0 10px 30px #00000080}body.dark-mode .legal-container h1,body.dark-mode .legal-container h2{color:var(--blue);border-bottom-color:#ffffff1a}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background-color:var(--blue);border-radius:4px}body::-webkit-scrollbar-track{background:transparent}.btn-translate{background:#2b58761a;border:1px solid rgba(43,88,118,.2);color:var(--highlight);border-radius:20px;font-size:1.1rem;font-weight:600;cursor:pointer;padding:6px 14px;margin-bottom:1rem;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.btn-translate:hover{background:#2b587633;transform:translateY(-1px)}.btn-translate:active{transform:translateY(0)}.btn-translate:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon-action{background:#2b587614;border:1px solid rgba(43,88,118,.15);color:#2b5876;border-radius:50%;width:32px;height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all .2s ease;padding:0;text-decoration:none}.btn-icon-action:hover{background:#2b58762e;transform:translateY(-1px);color:#102644}.btn-icon-action:disabled{opacity:.5;cursor:not-allowed;transform:none}body.dark-mode .btn-icon-action{background:#00cdff14;border-color:#00cdff26;color:var(--blue)}body.dark-mode .btn-icon-action:hover{background:#00cdff2e;color:var(--yellow-tv)}a{color:var(--dark-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover,body.dark-mode a{color:var(--blue)}body.dark-mode a:hover{color:var(--yellow-tv)}.role-badge{font-size:1.1rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:#888}.role-badge.admin{color:#c0392b}.role-badge.moderator{color:#9b59b6}.role-badge.coach{color:#e67e22}.category-tag{font-size:1.2rem;color:#7f8c8d;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid #eee;padding:2px 6px;border-radius:4px}.level-tag,.l-badge{font-size:1.2rem;padding:2px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;max-width:fit-content}.level-tag.beginner,.l-badge.beginner{background-color:#2ecc71;color:#fff}.level-tag.intermediate,.l-badge.intermediate{background-color:#3498db;color:#fff}.level-tag.advanced,.l-badge.advanced{background-color:#e67e22;color:#fff}.level-tag.pro,.l-badge.pro{background-color:#e74c3c;color:#fff}.carousel-container{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#fcfcfc;margin-top:15px;margin-bottom:15px}.carousel-img{width:100%;max-height:45rem;object-fit:contain;display:block}.car-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;z-index:10;font-size:1.5rem}.car-btn:hover{background:#000c}.car-btn.left{left:15px}.car-btn.right{right:15px}.car-dots{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:10}.dot{width:10px;height:10px;background:#fff9;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;transition:all .1s cubic-bezier(.68,-.55,.265,1.55)}.dot:hover{background:#ffffffe6}.dot.active{background:#cf0;transform:scale(1.4) translateY(-2px);box-shadow:0 4px 8px #0000004d,inset -2px -2px 4px #0003;border:1px solid rgba(0,0,0,.1)}.dot.active:before,.dot.active:after{content:"";position:absolute;width:12px;height:12px;border:1.5px solid white;border-radius:50%;opacity:.9}.dot.active:before{top:-6px;left:-6px}.dot.active:after{bottom:-6px;right:-6px}.video-wrapper{position:relative;padding-bottom:50%;height:0;border-radius:8px;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.iframeimg{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#000;overflow:hidden;border-radius:8px}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.iframeimg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;transition:background .3s ease}.play-icon{position:relative;z-index:2;font-size:6rem;color:#fff;opacity:.9;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.iframeimg:hover .video-thumbnail{transform:scale(1.05)}.iframeimg:hover .iframeimg-overlay{background:#0006}.iframeimg:hover .play-icon{color:var(--yellow-tv);transform:scale(1.1);opacity:1}.comments-section{background:#fcfcfc;border-top:1px solid #eee;padding:15px;margin:0 -15px -15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.comment-row{display:flex;gap:10px;margin-bottom:12px;width:95%}.comment-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover}.comment-bubble{background:#f0f2f5;padding:10px 14px;border-radius:12px;flex:1;font-size:1.3rem;min-width:0}.comment-bubble p{margin:.5rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.c-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.c-header-info{display:flex;align-items:baseline;gap:8px}.c-nickname{font-weight:700;font-size:1.3rem;color:#2c3e50}.c-date{font-size:1.1rem;color:#95a5a6;font-weight:500}.delete-comment{cursor:pointer;color:#e74c3c;opacity:.7}.delete-comment:hover{opacity:1}.add-comment{display:flex;gap:10px;margin:2rem auto;width:95%}.comment-wrapper{flex:1;display:flex;flex-direction:column}.comment-wrapper textarea{padding:10px 15px;border-radius:20px;border:1px solid #ddd;outline:none;resize:none;overflow:hidden;line-height:1.4;font-family:inherit}.char-counter{text-align:right;font-size:1rem;color:#888;font-weight:500;margin-top:4px;margin-right:12px}.char-counter.near-limit{color:#f39c12}.char-counter.limit-reached{color:#e74c3c;font-weight:700}.add-comment button{background:none;border:none;color:#3498db;font-size:1.8rem;cursor:pointer}.post-card,.feed-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000000d;border:1px solid #f0f0f0;display:flex;flex-direction:column;margin-bottom:20px}.post-header{display:flex;justify-content:space-between;margin-bottom:15px;align-items:flex-start}.author-info{display:flex;gap:12px;align-items:center}.author-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.meta{display:flex;flex-direction:column;margin-left:1rem}.nickname{font-weight:700;font-size:1.4rem;color:#333}.date{font-size:1.1rem;color:#aaa}.spin-icon{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}body.dark-mode .category-tag{border-color:#444;color:#95a5a6}body.dark-mode .carousel-container{background:#121212}body.dark-mode .post-card,body.dark-mode .feed-card,body.dark-mode .sidebar-card{background:#1e1e1e;border-color:#333;box-shadow:0 4px 10px #0000004d}body.dark-mode .nickname{color:#f0f0f0}body.dark-mode .date{color:#bbb}body.dark-mode .comments-section{background:#161616;border-top-color:#333}body.dark-mode .comment-bubble{background:#2c2c2c;color:#ddd}body.dark-mode .c-nickname{color:#fff}body.dark-mode .c-date{color:#777}body.dark-mode .comment-wrapper textarea{background:#2c2c2c;border-color:#444;color:#fff}body.dark-mode .char-counter{color:#666}body.dark-mode .char-counter.near-limit{color:#f39c12}body.dark-mode .char-counter.limit-reached{color:#ff6b6b}.lesson-link-card{margin-top:10px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.lesson-deleted{background:#f5f5f5;color:#7f8c8d;padding:20px;text-align:center;font-weight:600;font-style:italic}.lesson-active{display:flex;text-decoration:none;background:#fafafa;transition:background .2s}.lesson-active:hover{background:#f0f0f0}.l-thumb{width:120px;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.l-thumb img{width:100%;height:100%;object-fit:cover;opacity:.8}.l-play{position:absolute;color:#fff;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.l-info{padding:12px 15px;flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.l-info h4{margin:0 0 5px;font-size:1.4rem;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-action{font-size:1rem;color:#3498db;font-weight:600}body.dark-mode .lesson-link-card{border-color:#333}body.dark-mode .lesson-active{background:#2c2c2c}body.dark-mode .lesson-active:hover{background:#3a3a3a}body.dark-mode .lesson-deleted{background:#222;color:#888}body.dark-mode .l-info h4{color:#f0f0f0}