@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-dark:#0f1724;--bg-panel:#111827;--bg-panel-lighter:#1f2937;--text-light:#e6eef8;--text-gray:#94a3b8;--border-color:#ffffff1a;--input-bg:#0a0e1a;--input-border:#444;--primary-blue:#0b63ff;--primary-red:#ff2d55;--gradient-main:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-red)100%);--glow-blue:0 0 20px #0b63ff4d;color-scheme:light dark;color:var(--text-light);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}[data-theme=light]{--bg-dark:#e5e7eb;--bg-panel:#f9fafb;--bg-panel-lighter:#fff;--text-light:#111827;--text-gray:#4b5563;--border-color:#d1d5db;--input-bg:#fff;--input-border:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-light);place-items:initial;flex-direction:column;min-width:320px;min-height:100vh;margin:0;font-family:Inter,sans-serif;line-height:1.6;display:block;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-light);font-family:Poppins,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none;transition:all .3s}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-family:Poppins,sans-serif;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:var(--glow-blue);background:linear-gradient(135deg,#0b63ff,#2563eb)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #0b63ff80}.btn-text{color:var(--text-gray);background:0 0}.btn-text:hover{color:var(--text-light)}.btn-outline{border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;transition:all .3s}.btn-outline:hover{border-color:var(--primary-blue);color:var(--primary-blue)}[data-theme=light] .btn-outline{color:var(--text-gray);border-color:#9ca3af}[data-theme=light] .btn-outline:hover{border-color:var(--primary-blue);color:var(--primary-blue);background-color:#0b63ff0d}.elo-btn-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:15px;font-family:Poppins,sans-serif;font-weight:700;transition:all .3s;display:flex}.elo-btn-outline:hover{background:#ffffff0d;border-color:#fff}[data-theme=light] .elo-btn-outline{border:1px solid var(--border-color);color:var(--text-light)}[data-theme=light] .elo-btn-outline:hover{border-color:var(--text-light);background:#0000000d}.section-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.section-subtitle{text-align:center;color:var(--text-gray);max-width:600px;margin-bottom:4rem;margin-left:auto;margin-right:auto}.navbar{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;width:100%;padding:15px 0;position:sticky;top:0}[data-theme=dark] .navbar{background:#0f1724e6}[data-theme=light] .navbar{background:#f9fafbf2;box-shadow:0 2px 10px #0000000d}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-light);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.logo span{color:var(--primary-red)}[data-theme=light] .logo img{filter:invert()}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-gray);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--text-light)}.nav-auth{align-items:center;gap:15px;display:flex}.hero{padding:80px 0;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#0b63ff26,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;right:-100px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-content h1{margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.hero-content p{color:var(--text-gray);margin-bottom:2.5rem;font-size:1.1rem}.hero-buttons{gap:1rem;margin-bottom:3rem;display:flex}.stats-bar{border-top:1px solid var(--border-color);gap:2rem;padding-top:2rem;display:flex}.stat-item span{color:var(--primary-red);font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;display:block}.stat-item small{color:var(--text-gray);font-size:.85rem}.terminal-window{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;font-family:JetBrains Mono,monospace;overflow:hidden;box-shadow:0 20px 50px #00000080}.terminal-header{background:var(--bg-panel-lighter);gap:8px;padding:10px 15px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.red{background:#ef4444}.yellow{background:#f59e0b}.green{background:#10b981}.terminal-body{color:#10b981;padding:20px;font-size:.9rem}.cursor{background:#10b981;width:8px;height:15px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.how-it-works{background:var(--bg-dark);text-align:center;padding:100px 0}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4rem;margin-top:3rem;display:grid}.step-item{flex-direction:column;align-items:center;display:flex}.step-icon-box{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;font-size:2rem;display:flex;box-shadow:0 10px 25px #0000004d}.icon-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.icon-red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.icon-purple{background:linear-gradient(135deg,#8b5cf6,#c026d3)}.step-item h3{margin-bottom:1rem;font-size:1.4rem;font-weight:600}.step-item p{color:var(--text-gray);max-width:300px;font-size:1rem;line-height:1.6}.rooms-showcase{padding:80px 0}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.room-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.room-card:hover{border-color:var(--primary-blue);transform:translateY(-3px)}.room-description-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e6eef8;text-align:center;opacity:0;z-index:10;background:#0f1724f2;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}[data-theme=light] .room-description-tooltip{color:#111827;background:#fffffff2}.room-card:hover .room-description-tooltip{opacity:1}.room-top-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#94a3b8;background:#0009;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;display:flex;position:absolute;top:15px;right:15px}.room-image-placeholder{background:linear-gradient(#0b63ff1a,#0f172480);align-items:flex-end;height:140px;padding:20px;display:flex}.difficulty-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.diff-easy{color:#10b981;background:#10b98133}.diff-medium{color:#f59e0b;background:#f59e0b33}.diff-hard{color:#ef4444;background:#ef444433}.diff-insane{color:#a855f7;background:#9333ea4d}[data-theme=light] .diff-easy{color:#fff;background:#10b981}[data-theme=light] .diff-medium{color:#fff;background:#f59e0b}[data-theme=light] .diff-hard{color:#fff;background:#ef4444}[data-theme=light] .diff-insane{color:#fff;background:#a855f7}.room-body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.room-title{color:var(--text-light);margin-bottom:.5rem;font-size:1.2rem}.room-tags{color:var(--text-gray);margin-bottom:1.5rem;font-size:.85rem}.room-locked-footer{border-top:1px solid var(--border-color);color:var(--text-gray);justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;font-size:.85rem;display:flex}.lock-info{align-items:center;gap:6px;display:flex}.leaderboard-section{background:var(--bg-dark);text-align:center;padding:80px 0}.leaderboard-section .section-title{color:var(--text-light);margin-bottom:1rem;font-size:3rem;display:inline-block}.leaderboard-section .section-title span{background:linear-gradient(90deg,var(--primary-blue),#8a98ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.leaderboard-cards{flex-direction:column;gap:20px;max-width:800px;margin:0 auto 3rem;display:flex}.leaderboard-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:20px 30px;transition:all .3s;display:flex}.leaderboard-card:hover{border-color:var(--primary-blue);transform:translateY(-3px)}.card-left{align-items:center;gap:20px;display:flex}.rank-badge{color:#333;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.rank-1{background:linear-gradient(135deg,gold,#ffc107)}.rank-2{background:linear-gradient(135deg,silver,#a9a9a9)}.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333)}.rank-4{color:#fff;background:#374151}.player-info{text-align:left}.player-avatar{background:#374151;border-radius:50%;width:40px;height:40px;margin-right:15px;overflow:hidden}.player-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.player-details h3{color:var(--text-light);margin:0;font-size:1rem}.player-details p{color:var(--text-gray);font-size:.8rem}.player-score{text-align:right}.player-score span{color:var(--primary-blue);font-family:JetBrains Mono;font-size:1.1rem;font-weight:700;display:block}.player-score small{color:var(--text-gray);font-size:.8rem}footer{background:var(--bg-panel);border-top:1px solid var(--border-color);color:var(--text-gray);margin-top:4rem;padding:40px 0;font-size:.9rem}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-links a{margin-left:20px}.footer-links a:hover{color:var(--primary-blue)}.arena-section{background:var(--bg-dark);padding:100px 0;position:relative;overflow:hidden}.arena-section:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=light] .arena-section:before{background-image:radial-gradient(#0000000d 1px,#0000 1px)}.arena-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.arena-content h2{margin-bottom:1.5rem;font-size:3rem;line-height:1.1}.arena-content h2 span{color:var(--primary-red)}.arena-features{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.arena-feature-item{align-items:flex-start;gap:15px;display:flex}.af-icon{min-width:40px;height:40px;color:var(--primary-blue);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}[data-theme=light] .af-icon{background:#0000000d}.arena-feature-item h4{color:var(--text-light);margin-bottom:5px;font-size:1.1rem}.arena-feature-item p{color:var(--text-gray);font-size:.9rem;line-height:1.5}.elo-card-wrapper{z-index:1;position:relative}.elo-card-wrapper:after{content:"";filter:blur(40px);z-index:-1;opacity:.6;background:linear-gradient(135deg,#0b63ff66,#ff2d5566);border-radius:50%;width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.elo-card{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);text-align:center;border-radius:20px;padding:30px;position:relative;overflow:hidden}[data-theme=dark] .elo-card{background:#111827cc}[data-theme=light] .elo-card{background:#fffc}.elo-card:before{content:"";background:linear-gradient(90deg,var(--primary-blue),var(--primary-red));width:100%;height:4px;position:absolute;top:0;left:0}.elo-badge{color:var(--primary-red);text-transform:uppercase;letter-spacing:1px;background:#ff2d5526;border:1px solid #ff2d554d;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 0 10px #ff2d5533}.matchup-visual{justify-content:center;align-items:center;gap:15px;margin-bottom:25px;display:flex;position:relative}.player-av{border:3px solid;border-radius:50%;width:70px;height:70px;position:relative;overflow:hidden}.p-blue{border-color:var(--primary-blue);box-shadow:0 0 15px #0b63ff66}.p-red{border-color:var(--primary-red);box-shadow:0 0 15px #ff2d5566}.player-av img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vs-icon{color:var(--text-light);text-shadow:0 0 10px #ffffff80;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-style:italic;font-weight:800}.elo-stats{color:var(--text-gray);justify-content:space-between;width:100%;margin-bottom:5px;padding:0 20px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.elo-btn{color:#0f1724;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:15px;font-family:Poppins,sans-serif;font-weight:700;transition:all .3s;display:flex}.elo-btn:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}@media(max-width:900px){.arena-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.arena-feature-item{flex-direction:column;align-items:center}.matchup-visual{gap:10px}.player-av{width:60px;height:60px}}@media(max-width:768px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-buttons,.stats-bar{justify-content:center}.leaderboard-card{flex-direction:column;align-items:flex-start;gap:15px}.player-score{text-align:left;width:100%}.card-left{width:100%}}.dropdown-item a,.dropdown-item button{width:100%;color:var(--text-gray);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;padding:10px 12px;font-size:.9rem;text-decoration:none;display:flex}.dropdown-item{border-radius:6px;transition:background-color .2s}.dropdown-item:hover{background-color:var(--bg-panel-lighter)}.dropdown-item:hover a,.dropdown-item:hover button{color:var(--text-light)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.nav-links a{position:relative}.nav-links a.active{color:var(--text-light)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-red));box-shadow:0 0 12px #0b63ff40}.notifications-dropdown{position:absolute;top:50px;right:-10px;width:360px;background:#121212f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 15px 40px #0009,0 0 0 1px #ffffff0d;z-index:1000;overflow:hidden;animation:slideDownFade .3s cubic-bezier(.16,1,.3,1);transform-origin:top right}.notifications-header{padding:16px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.notifications-header h3{margin:0;font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.5px;text-transform:uppercase}.notifications-count-badge{background:#ff2d5533;color:#ff2d55;font-size:.75rem;padding:2px 8px;border-radius:10px;border:1px solid rgba(255,45,85,.3)}.notifications-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#fff3}.notification-item{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease;display:flex;flex-direction:column;gap:12px}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff08}.notification-content{display:flex;align-items:flex-start;gap:14px}.notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;box-shadow:0 0 15px #0000004d}.notification-icon.challenge{background:linear-gradient(135deg,#ff2d55,#f03);color:#fff;box-shadow:0 0 10px #ff2d5566}.notification-icon.friend{background:linear-gradient(135deg,#00b8ff,#05f);color:#fff;box-shadow:0 0 10px #00b8ff66}.notification-text-wrapper{flex:1}.notification-message{margin:0 0 4px;font-size:.9rem;color:#e0e0e0;line-height:1.4}.notification-message strong{color:#fff;font-weight:600}.notification-type{font-size:.75rem;color:#888;display:block;text-transform:uppercase;letter-spacing:.5px}.notification-actions{display:flex;gap:10px;padding-left:50px}.btn-notif{flex:1;padding:8px 0;font-size:.8rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-notif-accept{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.btn-notif-accept:hover{background:#2ecc7140;box-shadow:0 0 10px #2ecc7133;transform:translateY(-1px)}.btn-notif-reject{background:#ffffff0d;color:#aaa;border:1px solid rgba(255,255,255,.1)}.btn-notif-reject:hover{background:#e74c3c26;color:#e74c3c;border-color:#e74c3c4d}.notifications-empty{padding:40px 20px;text-align:center;color:#666;display:flex;flex-direction:column;align-items:center;gap:10px}.notifications-empty i{font-size:2rem;color:#333;margin-bottom:5px}.nav-icon-wrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background .2s}.nav-icon-wrapper:hover{background:#ffffff1a}.nav-icon-wrapper i{font-size:1.2rem;color:var(--text-gray);transition:color .2s}.nav-icon-wrapper:hover i{color:var(--text-light)}[data-theme=light] .nav-icon-wrapper i{color:#4b5563}[data-theme=light] .nav-icon-wrapper:hover{background:#0000000d}[data-theme=light] .nav-icon-wrapper:hover i{color:#111827}.notification-badge{position:absolute;top:8px;right:8px;background:#ff2d55;border:2px solid var(--bg-panel);width:10px;height:10px;border-radius:50%;box-shadow:0 0 5px #ff2d55;animation:pulse-red 2s infinite}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-red{0%{box-shadow:0 0 #ff2d55b3}70%{box-shadow:0 0 0 6px #ff2d5500}to{box-shadow:0 0 #ff2d5500}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 280px);padding:40px 20px}.auth-terminal{width:100%;max-width:600px;background:var(--bg-panel);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080,inset 0 0 15px #0b63ff1a;overflow:hidden;font-family:JetBrains Mono,monospace}.auth-terminal-header{background:#1f2937;padding:10px 15px;display:flex;align-items:center;gap:8px}.auth-terminal-header .dot{width:12px;height:12px;border-radius:50%}.auth-terminal-header .red{background:#ef4444}.auth-terminal-header .yellow{background:#f59e0b}.auth-terminal-header .green{background:#10b981}.auth-terminal-header .title{color:var(--text-gray);margin:0 auto;font-size:.9rem}.auth-terminal-body{padding:30px;font-size:1rem;color:var(--text-light)}.auth-line{display:flex;align-items:center;margin-bottom:1rem}.auth-line .prompt{color:var(--primary-blue);font-weight:700;margin-right:10px}.auth-line input{background:transparent;border:none;color:var(--text-light);font-family:inherit;font-size:inherit;flex-grow:1;outline:none}.auth-submit-message{color:var(--primary-red);font-size:.9rem;margin-top:20px}.auth-info-line{margin-bottom:.5rem;white-space:pre-wrap}.auth-info-line .keyword-success{color:#10b981}.auth-info-line .keyword-error{color:#ef4444}:root{--neon-blue: #3498db;--neon-red: #e74c3c;--dark-bg: #0a0a0a;--gradient-primary: linear-gradient(135deg, var(--neon-blue), var(--neon-red))}.dashboard-content-grid{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}.filters-sidebar{background-color:var(--bg-panel);border:2px solid transparent;border-radius:16px;background-image:linear-gradient(var(--bg-panel),var(--bg-panel)),var(--gradient-primary);background-origin:border-box;background-clip:padding-box,border-box;padding:15px;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 var(--bg-panel);box-shadow:0 0 30px #3498db1a,0 0 30px #e74c3c1a;z-index:10}.filters-sidebar::-webkit-scrollbar{width:6px}.filters-sidebar::-webkit-scrollbar-track{background:var(--bg-panel);border-radius:4px}.filters-sidebar::-webkit-scrollbar-thumb{background-color:#333;border-radius:4px}.filters-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--neon-blue)}.filter-group{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{font-size:.85rem;font-weight:800;color:var(--text-light);margin-bottom:10px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px}.filter-title i{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:.9rem}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-gray);font-size:.85rem;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-label:hover{color:var(--text-light);transform:translate(3px)}.filter-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--input-border);border-radius:4px;background-color:var(--input-bg);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.filter-checkbox:hover{border-color:var(--text-gray)}.filter-checkbox:checked{background:var(--gradient-primary);border-color:transparent;box-shadow:0 0 10px #3498db66}.filter-checkbox:checked:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:#fff;font-size:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio].filter-checkbox{border-radius:50%}input[type=radio].filter-checkbox:checked:after{content:"";width:6px;height:6px;background-color:#fff;border-radius:50%;box-shadow:0 0 5px #fffc}.rooms-list-container{display:flex;flex-direction:column;gap:20px}.rooms-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.rooms-header h1{font-size:2.2rem;margin:0 0 5px;font-weight:800;background:linear-gradient(90deg,var(--text-light),var(--text-gray));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.results-count{color:var(--text-gray);font-size:.9rem;margin:0;font-family:monospace}.sort-select{background-color:var(--bg-panel);color:var(--text-light);border:1px solid var(--input-border);padding:10px 40px 10px 20px;border-radius:20px;outline:none;cursor:pointer;font-size:.9rem;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%233498db%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px top 50%;background-size:10px auto}.sort-select:hover,.sort-select:focus{border-color:var(--neon-blue);box-shadow:0 0 10px #3498db33}.pagination-container{display:flex;justify-content:center;gap:10px;margin-top:40px}.pagination-btn{background-color:var(--bg-panel);border:1px solid var(--input-border);color:var(--text-light);width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:600}.pagination-btn:hover:not(:disabled){border-color:var(--neon-blue);color:var(--neon-blue);transform:translateY(-2px)}.pagination-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 0 15px #3498db66}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-panel)}@media(max-width:900px){.dashboard-content-grid{grid-template-columns:1fr}.filters-sidebar{position:static;margin-bottom:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-height:none;overflow-y:visible}.filter-group{border-bottom:none;padding-bottom:0;margin-bottom:0}}.active-path-widget{background:var(--bg-panel);border:1px solid rgba(52,152,219,.2);border-radius:16px;padding:20px 24px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 0 30px #3498db12,0 0 30px #e74c3c0d}.active-path-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.apw-loading{color:var(--text-gray);font-size:.9rem;text-align:center;padding:12px 0}.apw-header{margin-bottom:16px}.apw-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.apw-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-gray);display:flex;align-items:center;gap:6px}.apw-label i{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.apw-name{font-size:1.05rem;font-weight:700;color:var(--text-light);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex:1}.apw-goto-btn{background:transparent;border:1px solid rgba(52,152,219,.35);color:var(--neon-blue);border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.apw-goto-btn:hover{background:#3498db26;border-color:var(--neon-blue);transform:translate(2px)}.apw-progress-wrap{display:flex;align-items:center;gap:14px}.apw-progress-bar{flex:1;height:6px;background:#ffffff14;border-radius:99px;overflow:hidden}.apw-progress-fill{height:100%;background:var(--gradient-primary);border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.apw-pct{font-size:.78rem;color:var(--text-gray);font-family:monospace;white-space:nowrap}.apw-rooms{display:flex;flex-direction:column;gap:4px}.apw-room-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:background .2s ease}.apw-room-row:hover{background:#ffffff0a}.apw-row-locked{opacity:.45}.apw-room-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}.apw-room-dot.apw-done{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.apw-room-dot.apw-active{background:#3498db26;color:var(--neon-blue);border:1px solid rgba(52,152,219,.35)}.apw-room-dot.apw-locked{background:#ffffff0d;color:var(--text-gray);border:1px solid rgba(255,255,255,.1)}.apw-room-title{flex:1;font-size:.9rem;font-weight:600;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apw-room-status{font-size:.75rem;font-weight:600;white-space:nowrap}.apw-room-status.apw-done{color:#34d399}.apw-room-status.apw-active{color:var(--neon-blue)}.apw-room-status.apw-locked{color:var(--text-gray)}.apw-room-btn{background:#3498db1f;border:1px solid rgba(52,152,219,.3);color:var(--neon-blue);border-radius:8px;padding:4px 12px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.apw-room-btn:hover{background:#3498db40;border-color:var(--neon-blue)}@media(max-width:600px){.apw-title-row{gap:8px}.apw-name{font-size:.95rem}.apw-room-status{display:none}}.paths-wrap{padding-top:40px;padding-bottom:40px}.paths-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.paths-title{margin:0;font-size:2rem;font-weight:900;letter-spacing:-.02em}.paths-count{margin:6px 0 0;color:var(--text-gray);font-weight:700}.paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.path-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111827bf;box-shadow:0 20px 55px #00000073;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.path-card:hover{transform:translateY(-3px);border-color:#0b63ff59}.path-card:focus-visible{border-color:#0b63ff8c;box-shadow:0 0 0 3px #0b63ff2e,0 20px 55px #00000073}.path-card-media{height:130px;background:linear-gradient(135deg,#0b63ff59,#ff2d5540);position:relative}.path-card-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.path-card-body{padding:16px 16px 14px}.path-card-kicker{color:#cbd5e1b3;font-weight:900;font-size:.75rem;letter-spacing:.18em}.path-card-title{margin:6px 0 8px;font-size:1.4rem;font-weight:900;letter-spacing:-.02em}.path-card-desc{margin:0;color:var(--text-gray);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.path-card-footer{padding:0 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.path-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-light);font-weight:900;font-size:.82rem}.path-pill .path-pill-dot{width:26px;height:18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-gray);font-size:.75rem}.path-pill-sub{color:var(--text-gray);font-weight:800;font-size:.85rem}@media(max-width:1100px){.paths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.paths-grid{grid-template-columns:1fr}}.path-badge-enrolled{position:absolute;top:12px;right:12px;background:#10b981e6;color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0003;z-index:2}.btn-sm{padding:6px 14px;font-size:.8rem;height:auto}.user-dashboard{--card-radius: 16px}.ud-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.ud-title{margin:0;font-size:2.25rem;font-weight:800;letter-spacing:-.02em}.ud-username{background:linear-gradient(90deg,var(--primary-blue),#8a98ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ud-subtitle{margin:6px 0 0;color:var(--text-gray)}.ud-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.ud-btn{padding:10px 18px;border-radius:10px}.ud-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:stretch}.ud-left,.ud-right{display:flex;flex-direction:column;gap:16px}.ud-right{height:100%;align-self:stretch}.ud-right-spacer{flex:1}.ud-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:18px;box-shadow:0 20px 50px #00000059}.ud-card-clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.ud-card-clickable:hover{border-color:#0b63ff59;background:#0b63ff0a;transform:translateY(-2px)}.ud-card-clickable:focus-visible{border-color:#0b63ff80;box-shadow:0 0 0 3px #0b63ff2e}.ud-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ud-card h2{margin:0;font-size:1.1rem;font-weight:800}.ud-mini-icon{width:34px;height:34px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-gray)}.ud-progress-row{margin-top:4px}.ud-progress-meta{display:flex;justify-content:space-between;color:var(--text-gray);font-size:.85rem;margin-bottom:8px}.ud-progress-value{color:var(--text-light);font-weight:700}.ud-progress-bar{height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.ud-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-blue),var(--primary-red));box-shadow:0 0 25px #0b63ff40}.ud-stats-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.ud-mini-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}.ud-mini-label{color:var(--text-gray);font-size:.8rem;margin-bottom:8px}.ud-mini-big{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.ud-mini-muted{color:var(--text-gray);font-size:1rem;font-weight:700}.ud-accent{color:var(--primary-blue)}.ud-path-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.ud-path-item{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.ud-path-icon{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-gray)}.ud-path-item.done .ud-path-icon{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.ud-path-item.inprogress{outline:1px solid rgba(11,99,255,.25);background:#0b63ff0f}.ud-path-item.locked{opacity:.55}.ud-path-title{font-weight:800}.ud-path-status{color:var(--text-gray);font-size:.85rem;font-weight:700}.ud-activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ud-activity-card{border-radius:14px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);min-height:110px;position:relative}.ud-activity-btn{text-align:left;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.ud-activity-btn:hover{border-color:#0b63ff59;background:#0b63ff0f;transform:translateY(-2px)}.ud-activity-btn:focus-visible{border-color:#0b63ff80;box-shadow:0 0 0 3px #0b63ff2e}.ud-empty{grid-column:1 / -1;text-align:center;padding:28px 18px;border-radius:14px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);color:var(--text-gray)}.ud-activity-badge{font-size:.7rem;font-weight:800;letter-spacing:.02em;padding:3px 10px;border-radius:999px;display:inline-block;margin-bottom:10px}.ud-activity-badge.easy{background:#10b98133;color:#10b981}.ud-activity-badge.medium{background:#f59e0b33;color:#f59e0b}.ud-activity-badge.hard{background:#ef444433;color:#ef4444}.ud-activity-badge.insane{background:#9333ea4d;color:#a855f7}.ud-activity-title{font-weight:900;margin-bottom:6px}.ud-activity-meta{color:var(--text-gray);font-size:.85rem}.ud-activity-time{position:absolute;bottom:12px;right:14px;color:var(--text-gray);font-size:.8rem}.ud-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ud-kpi{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;text-align:center}.ud-kpi-label{color:var(--text-gray);font-size:.72rem;letter-spacing:.08em;font-weight:900;margin-bottom:8px}.ud-kpi-value{font-weight:900;font-size:1.25rem}.ud-profile-mini{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);margin-bottom:12px}.ud-profile-avatar{width:44px;height:44px;border-radius:50%;background:#374151;border:2px solid rgba(11,99,255,.35)}.ud-profile-name{font-weight:900;line-height:1.1}.ud-profile-rank{color:var(--text-gray);font-weight:900;font-size:.95rem}.ud-profile-level{margin-top:8px}.ud-profile-level-row{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--text-gray);font-size:.85rem;font-weight:700}.ud-profile-level-points{font-family:JetBrains Mono,monospace;font-size:.8rem;opacity:.9}.ud-profile-level-bar{margin-top:8px;height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.ud-profile-level-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-blue),var(--primary-red));box-shadow:0 0 20px #0b63ff38}.ud-mini-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ud-metric{text-align:center;padding:12px 10px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.ud-metric-label{color:var(--text-gray);font-size:.72rem;letter-spacing:.08em;font-weight:900;margin-bottom:6px}.ud-metric-value{font-weight:900;font-size:1.1rem}.ud-rank-pill{background:#0b63ff1f;border:1px solid rgba(11,99,255,.25);color:var(--primary-blue);padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:900}.ud-ranking-list{display:flex;flex-direction:column;gap:8px}.ud-ranking-item{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.ud-ranking-item.me{background:#0b63ff14;border-color:#0b63ff40}.ud-ranking-pos{color:var(--text-gray);font-weight:900}.ud-ranking-name{font-weight:900}.ud-ranking-score{color:var(--text-gray);font-family:JetBrains Mono,monospace;font-size:.85rem}.ud-link{margin-top:10px;width:100%;background:transparent;border:none;color:var(--primary-blue);font-weight:800;cursor:pointer;padding:10px 0 2px}.ud-link-compact{margin-top:12px;padding-top:6px}.ud-link:hover{text-decoration:underline}.ud-reco-title{font-weight:900;font-size:1.2rem;margin-bottom:8px}.ud-reco-desc{margin:0 0 14px;color:var(--text-gray);font-size:.9rem;line-height:1.5}.ud-reco-btn{width:100%;justify-content:center}@media(max-width:1000px){.ud-grid{grid-template-columns:1fr}.ud-header{flex-direction:column;align-items:flex-start}.ud-actions{justify-content:flex-start}.ud-activity-grid{grid-template-columns:1fr}}.path-detail .back-btn{margin-bottom:18px}.pd-list{margin-top:10px}.pd-list-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}.pd-list-header h2{margin:0;font-size:1.2rem;font-weight:900}.pd-muted{color:var(--text-gray);font-size:.9rem}.pd-steps{display:flex;flex-direction:column;gap:12px}.pd-step{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:stretch}.pd-step-left{position:relative;display:flex;justify-content:center}.pd-step-dot{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-light)}.pd-step-dot.done{background:#2ecc7126;border-color:#2ecc714d;color:#2ecc71}.pd-step-dot.locked{background:#e74c3c1f;border-color:#e74c3c40;color:#e74c3c}.pd-step-line{position:absolute;top:40px;bottom:0;width:2px;border-radius:999px;background:#ffffff0f}.pd-step:last-child .pd-step-line{display:none}.pd-step-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:14px}.pd-step-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.pd-step-title{font-weight:900;font-size:1rem}.pd-step-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pd-tag{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:900;color:#2ecc71;border:1px solid rgba(46,204,113,.3);background:#2ecc711f}.pd-step-desc{color:var(--text-gray);font-size:.95rem;line-height:1.45;margin-bottom:12px}.pd-step-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.pd-step-meta{display:flex;gap:10px;align-items:center}.pd-status{font-weight:900;font-size:.85rem;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-gray)}.pd-status.done{color:#2ecc71;border-color:#2ecc714d;background:#2ecc711f}.pd-status.locked{color:#e74c3c;border-color:#e74c3c40;background:#e74c3c1f}.pd-hero-enroll{background:linear-gradient(135deg,#0b63ff40,#ff2d5526);border-radius:20px;padding:40px;margin-bottom:30px;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pd-hero-content{max-width:600px}.pd-hero-title{font-size:2.2rem;font-weight:900;margin-bottom:12px;letter-spacing:-.02em}.pd-hero-desc{color:var(--text-gray);font-size:1.1rem;line-height:1.6;margin-bottom:24px}.pd-hero-meta{display:flex;justify-content:center;gap:20px;margin-bottom:30px;font-weight:700;color:var(--text-light)}.pd-hero-meta i{color:#0b63ff;margin-right:6px}.pd-enroll-btn{padding:14px 32px;font-size:1.1rem;font-weight:800;border-radius:14px;box-shadow:0 10px 25px #0b63ff59}.pd-list-locked .pd-step-card{opacity:.6;filter:grayscale(.5);pointer-events:none}.success-modal-overlay{position:fixed;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out forwards}.success-modal-container{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid #333;border-radius:16px;padding:40px;width:90%;max-width:450px;text-align:center;position:relative;box-shadow:0 0 30px #00ff8826,inset 0 0 20px #00000080;transform:scale(.8);opacity:0;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards .1s;overflow:hidden}.success-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f8,#00b8ff);box-shadow:0 0 10px #0f8}.success-icon-wrapper{width:80px;height:80px;background:#00ff881a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;border:2px solid rgba(0,255,136,.3);box-shadow:0 0 20px #0f83;animation:pulse 2s infinite}.success-icon{font-size:40px;color:#0f8}.success-title{font-size:2rem;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.success-message{color:#aaa;font-size:1rem;margin-bottom:30px;line-height:1.5}.points-display{background:#ffffff0d;border-radius:12px;padding:15px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1)}.points-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:5px}.points-value{font-size:2.5rem;font-weight:800;color:#0f8;text-shadow:0 0 15px rgba(0,255,136,.4)}.success-btn{background:linear-gradient(90deg,#0f8,#00cc6a);color:#000;border:none;padding:12px 30px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:1px}.success-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0f86;background:linear-gradient(90deg,#0f8,#00e676)}.success-btn:active{transform:translateY(0)}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #0f86}70%{box-shadow:0 0 0 15px #0f80}to{box-shadow:0 0 #0f80}}.management-container{background-color:var(--bg-panel);padding:2rem;border-radius:8px;color:var(--text-light);border:1px solid var(--border-color)}.management-container h2{margin-top:0;margin-bottom:1.5rem;text-align:center;color:var(--text-light)}.management-table{width:100%;border-collapse:collapse;text-align:left;color:var(--text-light)}.management-table th,.management-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.management-table thead{background-color:var(--bg-panel-lighter)}.management-table select{padding:.5rem;background-color:var(--input-bg);color:var(--text-light);border:1px solid var(--input-border);border-radius:4px}.btn-delete{padding:.5rem 1rem;border:none;background-color:#e53935;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .3s}.btn-delete:hover{background-color:#c62828}.error-message{color:#e53935;text-align:center;margin:1rem 0}.management-form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.management-form input,.management-form textarea,.management-form select{width:100%;padding:.75rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-light);border-radius:4px;font-size:1rem}.management-form textarea{min-height:120px;resize:vertical}.management-form button{padding:.75rem;border:none;background-color:var(--primary-blue);color:#fff;font-size:1.1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .3s}.management-form button:hover{opacity:.9}.alert-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.alert-modal-content{background-color:#1e1e1e;border-radius:12px;padding:20px 25px;width:90%;max-width:400px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #00000080;position:relative;border:1px solid #333;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.alert-modal-content.success{border-left:5px solid #2ecc71}.alert-modal-content.danger{border-left:5px solid #e74c3c;background-color:#2c0b0e}.alert-icon{font-size:2rem}.alert-modal-content.success .alert-icon{color:#2ecc71}.alert-modal-content.danger .alert-icon{color:#e74c3c}.alert-body{flex:1}.alert-body h3{margin:0 0 5px;font-size:1.1rem;color:#fff}.alert-body p{margin:0;font-size:.9rem;color:#ccc}.alert-close-btn{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:5px;transition:color .2s}.alert-close-btn:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.pm-mode-tabs{display:flex;gap:10px;margin-bottom:14px;justify-content:center}.pm-mode-tabs button{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-gray);cursor:pointer;font-weight:900}.pm-mode-tabs button.active{color:var(--text-light);border-color:#0b63ff59;background:#0b63ff14}.pm-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:16px}.pm-select{width:100%;padding:.75rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-light);border-radius:8px;font-size:1rem;margin-bottom:12px}.pm-edit-meta{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px}.pm-edit-title{font-weight:900;margin-bottom:6px}.pm-edit-desc{color:var(--text-gray);font-size:.9rem;line-height:1.35}.pm-edit-actions{display:flex;gap:10px;margin-top:12px}.pm-edit-actions .pm-primary{margin-top:0;flex:1}.pm-edit-actions .btn.btn-outline{flex:1}.pm-card-title{font-weight:900;margin-bottom:12px}.pm-label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:var(--text-gray);margin-bottom:12px}.pm-label input,.pm-label textarea,.pm-search{width:100%;padding:.75rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-light);border-radius:8px;font-size:1rem}.pm-label textarea{min-height:110px;resize:vertical}.pm-selected-header{display:flex;justify-content:space-between;align-items:center;font-weight:900;color:var(--text-light);margin-top:8px;margin-bottom:8px}.pm-muted{color:var(--text-gray);font-weight:800}.pm-selected-list{border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;max-height:280px;overflow-y:auto;background:#ffffff03}.pm-selected-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.pm-selected-row:last-child{border-bottom:none}.pm-order{font-family:JetBrains Mono,monospace;color:var(--text-gray);font-weight:900}.pm-selected-title{font-weight:900;color:var(--text-light)}.pm-selected-actions{display:flex;gap:6px}.pm-icon-btn{width:34px;height:34px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-light);cursor:pointer}.pm-icon-btn:disabled{opacity:.4;cursor:not-allowed}.pm-icon-btn.danger{background:#e74c3c26;border-color:#e74c3c4d;color:#e74c3c}.pm-primary{margin-top:12px;width:100%;padding:.85rem;border:none;background:var(--primary-blue);color:#fff;font-size:1.05rem;font-weight:900;border-radius:10px;cursor:pointer}.pm-primary:disabled{opacity:.6;cursor:not-allowed}.pm-search{margin-bottom:10px}.pm-rooms-list{border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;max-height:520px;overflow-y:auto;background:#ffffff03}.pm-room-row{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.pm-room-row:last-child{border-bottom:none}.pm-room-row.selected{background:#0b63ff12;border-bottom-color:#0b63ff26}.pm-room-title{font-weight:900;color:var(--text-light)}.pm-room-meta{color:var(--text-gray);font-size:.85rem;font-family:JetBrains Mono,monospace}.pm-empty{padding:14px;color:var(--text-gray);text-align:center}.pm-existing{margin-top:20px}.pm-existing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pm-existing-header h3{margin:0}.pm-paths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pm-path-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}.pm-path-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.pm-path-title{font-weight:900;margin-bottom:6px}.pm-path-desc{color:var(--text-gray);font-size:.9rem;line-height:1.35}.pm-path-count{width:40px;height:40px;border-radius:12px;background:#0b63ff1f;border:1px solid rgba(11,99,255,.25);color:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-weight:900;font-family:JetBrains Mono,monospace}.pm-path-actions{display:flex;gap:10px;justify-content:flex-end}@media(max-width:1000px){.pm-grid,.pm-paths-grid{grid-template-columns:1fr}}.admin-container{max-width:1200px;margin:2rem auto;padding:2rem;background-color:var(--bg-panel);border-radius:8px;color:var(--text-light);border:1px solid var(--border-color)}.admin-container h1{text-align:center;margin-bottom:2rem;color:var(--text-light)}.admin-tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.admin-tabs button{padding:1rem 2rem;border:none;background-color:transparent;color:var(--text-gray);cursor:pointer;font-size:1.1rem;transition:all .3s ease;border-bottom:2px solid transparent}.admin-tabs button:hover{color:var(--text-light)}.admin-tabs button.active{color:var(--primary-blue);border-bottom:2px solid var(--primary-blue)}.admin-content{padding-top:1rem}.badge-container{position:relative;cursor:default!important;display:flex;align-items:center;justify-content:center}.badge-container i{font-family:"Font Awesome 6 Free","Font Awesome 5 Free",sans-serif;font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.badge-tooltip{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:10px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s,visibility .2s;border:1px solid #555;box-shadow:0 4px 8px #0000004d;font-size:.85rem;pointer-events:none;white-space:normal}.badge-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.badge-container:hover .badge-tooltip{visibility:visible;opacity:1}.badge-name{font-weight:700;color:gold;display:block;margin-bottom:5px;font-size:.95rem}.badge-desc{color:#ccc;display:block;line-height:1.4}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-panel);padding:30px;border-radius:12px;box-shadow:0 5px 15px #00000080;max-width:400px;text-align:center;color:var(--text-light);border:1px solid rgba(255,255,255,.1)}.modal-content p{font-size:1.1rem;margin-bottom:25px;line-height:1.5}.modal-actions{display:flex;gap:15px;justify-content:center}.modal-actions button{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem}.btn-confirm{background:var(--primary-blue);color:#fff}.btn-confirm:hover{background:#0056e0;transform:translateY(-1px)}.btn-cancel{background:#444;color:#fff}.btn-cancel:hover{background:#555;transform:translateY(-1px)}.arena-chat-container{position:fixed;top:80px;left:0;bottom:0;width:320px;background-color:#1e1e1e;border-right:1px solid #333;transform:translate(-320px);transition:transform .3s ease-in-out;z-index:900;display:flex;flex-direction:column;box-shadow:5px 0 15px #0000004d}.arena-chat-container.open{transform:translate(0)}.chat-toggle-btn{position:absolute;top:20px;right:-50px;width:50px;height:50px;background-color:#1e1e1e;border:1px solid #333;border-left:none;border-radius:0 8px 8px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#fff;box-shadow:5px 0 10px #0003}.chat-toggle-btn:hover{background-color:#2d2d2d}.chat-label{font-size:.7rem;margin-top:2px}.chat-content{display:flex;flex-direction:column;height:100%}.chat-header{padding:15px;border-bottom:1px solid #333;background-color:#252525}.chat-header h3{margin:0;font-size:1.1rem;color:#fff}.messages-list{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.no-messages{text-align:center;color:#666;margin-top:20px;font-style:italic}.message-item{display:flex;flex-direction:column;max-width:85%;position:relative}.message-item.own{align-self:flex-end}.message-item.opponent{align-self:flex-start}.message-bubble{padding:10px 12px;border-radius:12px;position:relative;word-wrap:break-word}.message-item.own .message-bubble{background-color:#2ecc71;color:#000;border-bottom-right-radius:2px}.message-item.opponent .message-bubble{background-color:#333;color:#fff;border-bottom-left-radius:2px}.sender-name{font-size:.75rem;font-weight:700;margin-bottom:4px;display:block;opacity:.8}.message-bubble p{margin:0;font-size:.95rem;line-height:1.4}.report-btn{position:absolute;top:50%;right:-25px;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:.8rem;opacity:0;transition:opacity .2s}.message-item:hover .report-btn{opacity:1}.report-btn:hover{color:#e74c3c}.chat-input-form{padding:15px;border-top:1px solid #333;background-color:#252525;display:flex;gap:10px}.chat-input-form input{flex:1;padding:10px;border-radius:20px;border:1px solid #444;background-color:#1e1e1e;color:#fff;outline:none}.chat-input-form input:focus{border-color:#2ecc71}.chat-input-form button{width:40px;height:40px;border-radius:50%;border:none;background-color:#2ecc71;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.chat-input-form button:hover{transform:scale(1.05)}.chat-input-form button:active{transform:scale(.95)}.room-page-container{padding-top:40px;padding-bottom:60px}.room-header{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.back-btn{background:none;border:none;color:var(--text-gray);cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:0}.back-btn:hover{color:#fff}.room-meta-top{display:flex;gap:10px;margin-bottom:10px}.points-badge{background-color:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:.8rem;color:gold}.room-category{color:var(--text-gray);font-size:1.1rem;margin-top:.5rem}.room-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.room-description{background-color:var(--bg-panel);padding:2rem;border-radius:8px;border:1px solid var(--border-color);min-width:0}.room-description p{overflow-wrap:break-word;word-break:break-word;max-width:100%}.room-actions{display:flex;flex-direction:column;gap:1.5rem}.status-card{background-color:var(--bg-panel);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);text-align:center}.solved-badge{background-color:#2ecc7133;color:#2ecc71;padding:10px;border-radius:6px;margin-top:10px;font-weight:700}.unsolved-badge{background-color:#ffffff0d;color:var(--text-gray);padding:10px;border-radius:6px;margin-top:10px}.flag-form{background-color:var(--bg-panel);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.flag-form input{background-color:#0000004d;border:1px solid var(--border-color);padding:12px;border-radius:4px;color:#fff;font-family:JetBrains Mono,monospace}.flag-form input:focus{outline:none;border-color:var(--primary-blue)}.input-error{border-color:#e74c3c!important}.submit-message{font-size:.9rem;text-align:center;margin:0}.submit-message.success{color:#2ecc71}.submit-message.error{color:#e74c3c}.solved-message{background-color:#2ecc711a;border:1px solid #2ecc71;padding:1.5rem;border-radius:8px;text-align:center}.hints-section{background-color:var(--bg-panel);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.hint-info{font-size:.8rem;color:var(--text-gray);text-align:center;margin-top:-.5rem;margin-bottom:.5rem}.potential-points{font-size:1rem;color:#fff;text-align:center;margin-bottom:1rem}.potential-points strong{color:gold;font-family:JetBrains Mono,monospace}.hint-container{width:100%}.unlocked-hint{background-color:#ffffff0d;padding:1rem;border-radius:6px;font-style:italic;color:var(--text-light)}.btn-unlock-hint{width:100%;padding:12px;border:1px dashed var(--text-gray);background:transparent;color:var(--text-gray);border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-unlock-hint:hover{background:#ffffff0d;border-color:#fff;color:#fff}@media(max-width:768px){.room-content{grid-template-columns:1fr}}.room-progress-container{position:sticky;top:0;z-index:100;background:#111827;padding:10px 0;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.room-progress-bar{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;position:relative}.room-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .5s ease;box-shadow:0 0 15px #10b98166}.room-progress-text{text-align:center;font-size:.75rem;font-weight:800;margin-top:6px;color:#10b981;text-transform:uppercase;letter-spacing:.05em}.tasks-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.task-card{background:#1f293780;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .2s ease}.task-card.completed{border-color:#10b9814d}.task-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#1f2937cc}.task-header:hover{background:#374151cc}.task-title-wrap{display:flex;align-items:center;gap:12px}.task-number{font-weight:900;color:var(--text-gray);font-size:.9rem}.task-check{color:#10b981;font-size:1.1rem}.task-title{font-weight:700;font-size:1.05rem;color:var(--text-light)}.task-body{padding:20px;border-top:1px solid rgba(255,255,255,.05);background:#11182766}.task-content{line-height:1.6;color:var(--text-gray);margin-bottom:24px}.task-content p{margin-bottom:12px}.task-question-box{background:#0003;border-left:4px solid #3b82f6;padding:16px;border-radius:0 8px 8px 0}.task-question-text{font-weight:600;margin-bottom:12px;color:var(--text-light)}.task-input-group{display:flex;gap:10px}.task-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:8px;color:#fff;font-family:inherit;transition:border-color .2s}.task-input:focus{border-color:#3b82f6;outline:none}.task-input.success{border-color:#10b981;background:#10b9811a;color:#10b981}.btn-task-submit{padding:10px 20px;background:#10b981;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .1s}.btn-task-submit:hover{filter:brightness(1.1)}.btn-task-submit:active{transform:scale(.96)}.btn-task-submit.completed{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);cursor:default}