@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Space+Grotesk:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Comic Neue,cursive;height:100%;margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#222}*{scrollbar-color:#000 #0000;scrollbar-width:thin}html{scroll-behavior:smooth}body.dark-mode{background-color:#0b0f19!important}body{background-color:#fff!important;transition:background-color .3s ease}.res-wrapper,.swag-container,.syll-wrapper{background:#0000!important}.navbar-wrapper.dark .navbar{background:#111;box-shadow:0 8px 30px #0009}.navbar-wrapper.dark .logo-text{color:#fff}.navbar-wrapper.dark .navbar-menu a{color:#aaa}.navbar-wrapper.dark .navbar-menu a.active,.navbar-wrapper.dark .navbar-menu a:hover{background:#1c1c1c;color:#fff}.navbar-wrapper.dark .navbar-btn{background:#fff;color:#000}.navbar-wrapper.dark .navbar-btn:hover{background:#e5e5e5}.navbar-wrapper.dark .icon-btn svg{color:#fff}.navbar-wrapper.dark .icon-btn:hover{background:#2a2a2a}.navbar-wrapper.dark .mobile-menu{background:#0f0f0f}.navbar-wrapper.dark .mobile-menu a{color:#fff}.navbar-wrapper.dark .hamburger span,.navbar-wrapper.dark .hamburger:after,.navbar-wrapper.dark .hamburger:before{background:#fff}.navbar-wrapper.dark .mobile-btn{background:#fff;color:#000!important}.navbar-wrapper.dark .mobile-btn:hover{background:#e5e5e5}.navbar-wrapper.dark .profile-dropdown{background:#1a1a1a;border:1px solid #333}.navbar-wrapper.dark .profile-header{border-bottom:1px solid #333}.navbar-wrapper.dark .profile-header span{color:#aaa}.navbar-wrapper.dark .profile-section{border-bottom:1px solid #333}.navbar-wrapper.dark .profile-item:hover{background:#2a2a2a}.navbar-wrapper.dark .profile-item.danger{background:#ff6b6b26;color:#ff6b6b}.navbar-wrapper.dark .profile-item.danger:hover{background:#ff6b6b40}.navbar-wrapper.dark .notifications-header{border-bottom:1px solid #333}.navbar-wrapper.dark .notifications-header h3{color:#fff}.navbar-wrapper.dark .close-btn:hover{background:#2a2a2a}.navbar-wrapper.dark .notification-item{border-bottom:1px solid #333}.navbar-wrapper.dark .notification-item:hover{background:#2a2a2a}.navbar-wrapper.dark .notification-item.unread{background:#3b82f61a}.navbar-wrapper.dark .notification-text{color:#e0e0e0}.navbar-wrapper.dark .notification-date,.navbar-wrapper.dark .notification-item span{color:#aaa}.navbar-wrapper.dark .icon-btn{background:#0000!important}.navbar-wrapper.dark .notifications-panel{background:#1a1a1a;border:1px solid #333}.navbar-wrapper.dark .notifications-panel .notification-row,.navbar-wrapper.dark .notifications-panel .notifications-header{border-bottom:1px solid #333}.navbar-wrapper.dark .notifications-panel .notification-row:hover{background:#2a2a2a}.navbar-wrapper.dark .notification-row.unread{background:#3b82f61a}.navbar-wrapper.dark .notification-content p{color:#e0e0e0}.navbar-wrapper.dark .profile-avatar.default-icon{background:#2a2a2a;color:#aaa}.navbar-wrapper.dark .notif-count{background:#ff6b6b}.navbar-wrapper{box-sizing:border-box;display:flex;font-family:Space Grotesk,sans-serif;justify-content:center;padding:0 12px;position:fixed;top:16px;width:100%;z-index:1000}.icon-btn,.mobile-menu *,.navbar *,.navbar-btn{transition:background-color .35s ease,color .35s ease,border-color .35s ease,transform .2s ease}.navbar{background:#fff;border-radius:999px;box-shadow:0 8px 30px #00000014;box-sizing:border-box;gap:12px;max-width:100%;padding:10px 20px;position:relative;transition:background .35s ease,box-shadow .35s ease,color .35s ease;width:-webkit-fit-content;width:fit-content}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:inherit;font-weight:600;gap:8px;text-decoration:none;white-space:nowrap}.logo-icon{align-items:center;background:#000;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.logo-text{font-size:16px}.navbar-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}.navbar-menu a{border-radius:999px;color:#555;font-size:15px;padding:6px 12px;text-decoration:none}.navbar-menu a:hover{background:#f3f3f3;color:#000}.navbar-menu a.active{background:#f1f3f5;color:#000}.navbar-btn{align-items:center;background:#000;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;white-space:nowrap}.navbar-btn:hover{background:#111}.navbar-actions{gap:10px}.icon-group,.navbar-actions{align-items:center;display:flex}.icon-group{gap:12px;margin-right:10px}.icon-btn{align-items:center;background:#0000!important;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center}.icon-btn svg{color:#000}.icon-btn:hover{background:#e5e5e5}.right-group{align-items:center;display:flex;gap:6px}.hamburger{cursor:pointer;display:none;height:36px;position:relative;width:36px}.hamburger span,.hamburger:after,.hamburger:before{background:#000;content:"";height:2px;left:7px;position:absolute;transition:.3s ease;width:22px}.hamburger:before{top:11px}.hamburger span{top:17px}.hamburger:after{top:23px}.hamburger.open:before{top:17px;transform:rotate(45deg)}.hamburger.open:after{top:17px;transform:rotate(-45deg)}.hamburger.open span{opacity:0}.mobile-menu{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001f;display:none;flex-direction:column;gap:14px;padding:20px;position:fixed;right:12px;top:88px;transition:background .35s ease,color .35s ease;width:min(92vw,320px);z-index:999}.mobile-menu a{color:#000;font-size:16px;font-weight:500;text-decoration:none}.mobile-menu .mobile-btn{color:#fff!important}.mobile-btn,.mobile-menu.show{display:flex}.mobile-btn{align-items:center;background:#000;border-radius:999px;color:#fff;cursor:pointer;font-size:15px;justify-content:center;margin-top:10px;padding:10px;text-decoration:none}.mobile-btn:hover{background:#111}.profile-container{position:relative}.profile-avatar{background:#e5e5e5;border-radius:50%;height:32px;object-fit:cover;width:32px}.profile-avatar.initials{background:#3b82f6;color:#fff;font-size:13px;font-weight:600}.profile-avatar.default-icon,.profile-avatar.initials{align-items:center;display:flex;justify-content:center}.profile-avatar.default-icon{background:#e5e5e5;color:#555}.profile-dropdown{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:420px;overflow-y:auto;padding:12px;position:absolute;right:0;top:55px;width:320px}.profile-header{border-bottom:1px solid #eee;display:flex;gap:10px;padding:10px}.profile-header img{border-radius:50%;height:36px;width:36px}.profile-header p{font-size:14px;font-weight:600;margin:0}.profile-header span{color:#888;font-size:12px}.profile-section{border-bottom:1px solid #eee;padding:10px 0}.section-header{font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:8px}.profile-item,.section-header{align-items:center;display:flex}.profile-item{border-radius:8px;cursor:pointer;font-size:14px;gap:10px;padding:10px}.profile-item svg{flex-shrink:0;height:16px;width:16px}.profile-item:hover{background:#f5f5f5}.profile-item.danger{background:#ff4d4f14;border-radius:10px;color:#ff4d4f}.profile-item.danger:hover{background:#ff4d4f2e}.profile-container .notification-badge{right:-3px;top:-3px}.notification-row{border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px}.notification-row img{border-radius:8px;height:40px;width:40px}.notification-row.unread{background:#eef3ff}.notification-badge{align-items:center;background:#ff4757;border:2px solid #fff;border:2px solid var(--bg-color,#fff);border-radius:50%;color:#fff;display:flex;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;position:absolute;right:-4px;top:-4px;width:18px}.notification-content{flex:1 1;-webkit-hyphens:none;hyphens:none;min-width:0;padding-right:40px;position:relative;word-break:normal}.notifications-header{border-bottom:1px solid #eee}.notifications-header h3{font-size:16px;font-weight:600;margin:0}.close-btn:hover{background:#f0f0f0}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:background .2s ease}.notification-item:hover{background:#f9f9f9}.notification-item.unread{background:#f8f9ff}.notification-item p{font-size:13px;margin:0 0 4px}.notification-item span{color:#888;font-size:11px}.notification-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#333;display:-webkit-box;font-size:14px;-webkit-hyphens:manual!important;hyphens:manual!important;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0 0 8px;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.notification-date{bottom:0;color:#888;font-size:11px;line-height:1;position:absolute;right:0;text-align:right;white-space:nowrap;z-index:1}.notification-item-row{align-items:center;display:flex;gap:10px}.notification-item-row .notif-count{background:#ff4757;border-radius:999px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;padding:2px 6px}.notifications-panel{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;margin-right:10px;max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:-20%;top:55px;width:360px;z-index:1002}.notifications-panel .notifications-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.notifications-panel .notifications-header h4{font-size:15px;margin:0}.notifications-panel .notifications-list{max-height:400px;overflow-y:auto}.notifications-panel .notification-row{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:14px 20px;transition:background .2s ease}.notifications-panel .notification-row:hover{background:#f9f9f9}.notifications-panel .notification-row.unread{background:#f8f9ff}.notifications-panel .notification-row img{border-radius:8px;height:40px;object-fit:cover;width:40px}.notifications-panel .notification-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;margin:0 0 6px;overflow:hidden}.notifications-panel .notification-content{padding-right:60px;position:relative}.notifications-panel .notification-content span{bottom:0;color:#888;font-size:11px;position:absolute;right:0;white-space:nowrap}.navbar-wrapper.dark .notification-content span{color:#aaa}.empty-notifications{color:#888;font-size:13px;padding:30px 16px;text-align:center}@media (min-width:901px) and (max-width:1199px){.navbar{gap:8px;padding:8px 16px}.navbar-menu{gap:12px}.navbar-menu a{font-size:14px;padding:5px 10px}}@media (max-width:900px){.navbar-actions,.navbar-btn,.navbar-menu{display:none}.hamburger{display:block}.right-group{gap:4px;margin-left:auto}.icon-group{gap:8px}.navbar{justify-content:space-between;width:100%}.navbar-actions{margin-right:6px}.notification-item{gap:10px;padding:12px 16px}.notification-content{padding-right:35px}.notification-text{font-size:13px;margin-bottom:6px}.notification-date{bottom:-1px;font-size:10px}.unread-dot{right:16px;top:12px}}@media (min-width:641px) and (max-width:900px){.mobile-menu{width:360px}.notifications-panel{width:380px}.profile-dropdown{right:0;width:340px}}@media (max-width:640px){.notifications-header{padding:14px 16px}.notifications-header h3{font-size:15px}.mark-all-btn{font-size:11px;padding:4px 6px}.notifications-list{max-height:300px}.notification-item{align-items:flex-start;gap:12px;padding:12px 16px}.notification-content{padding-right:35px}.notification-text{font-size:13px;margin-bottom:6px}.notification-date{font-size:10px}.unread-dot{right:16px;top:12px}.profile-dropdown{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;left:12px;margin:0 auto;max-height:70vh;max-width:none;min-width:280px;position:fixed;right:12px;top:80px;width:auto}@media (max-width:380px){.profile-dropdown{left:8px;right:8px}}.notifications-panel{left:12px;margin:0 auto;max-width:none;position:fixed;right:12px;top:80px;width:auto}}@media (max-width:480px){.notification-item{gap:12px;padding:12px 16px}.notification-content{padding-right:30px}.notification-text{font-size:12px;margin-bottom:5px}.notification-date{font-size:9px}.unread-dot{right:16px;top:12px}.empty-notifications{font-size:13px;padding:30px 16px}.profile-dropdown{left:10px;max-height:65vh;padding:10px;right:10px;top:75px}.notifications-panel{left:10px;padding:0;right:10px;top:75px}.mobile-menu{left:16px;padding:16px;right:16px;width:calc(100% - 32px)}.mobile-menu a{font-size:15px}.mobile-btn{font-size:14px;padding:8px}.profile-header{padding:12px}.profile-section{padding:8px 0}.profile-item{margin:2px 0;padding:12px}}@media (max-width:360px){.notifications-header{padding:12px 14px}.notification-item{gap:10px;padding:10px 12px}.notification-text{-webkit-line-clamp:3;font-size:11px;margin-bottom:4px}.notification-content{padding-right:28px}.notification-date{font-size:8px}.icon-btn{height:32px;width:32px}.bell-btn svg,.notification-badge{height:16px;width:16px}.notification-badge{font-size:10px;right:-3px;top:-3px}.unread-dot{height:6px;right:12px;top:10px;width:6px}.profile-dropdown{max-height:60vh;padding:8px}.notifications-panel,.profile-dropdown{border-radius:16px;left:6px;right:6px;top:70px}.profile-header{padding:10px}.profile-header img{height:32px;width:32px}.profile-header p{font-size:13px}.profile-header span{font-size:11px}.profile-item{font-size:13px;padding:10px}.profile-item svg{height:14px;width:14px}.section-header{font-size:12px;padding:0 4px}.notification-row{padding:8px}.notification-row img{height:32px;width:32px}.mobile-menu{left:8px;padding:14px;right:8px;top:70px;width:auto}}@media print{.navbar-wrapper{display:none}}.notifications-header{align-items:center;display:flex;justify-content:space-between}.notif-actions{gap:14px}.mark-read,.notif-actions{align-items:center;display:flex}.mark-read{color:#666;cursor:pointer;font-size:13px;gap:4px}.mark-read:hover{color:#000}.navbar-wrapper.dark .mark-read{color:#aaa}.navbar-wrapper.dark .mark-read:hover{color:#fff}.close-btn{background:#0000;border:none;cursor:pointer;font-size:16px;padding:0}.close-btn:hover{opacity:.6}.profile-item.success{background:#52c41a14;border-radius:10px;color:#52c41a}.profile-item.success:hover{background:#52c41a2e}.navbar-wrapper.dark .profile-item.success{background:#73d13d26;color:#73d13d}.navbar-wrapper.dark .profile-item.success:hover{background:#73d13d40}.footer{background:#fff;border-top:1px solid #e5e7eb;color:#475569;font-family:Space Grotesk,sans-serif;padding:60px 80px 30px;transition:background .35s ease,color .35s ease,border-color .35s ease}.footer-top{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr}.footer-brand{display:flex;flex-direction:column}.footer-logo{color:#000;cursor:pointer;font-size:26px;font-weight:600;margin-bottom:12px;text-decoration:none}.footer-logo:hover{opacity:.85}.footer-desc{color:#64748b;line-height:1.6;margin-bottom:20px;max-width:380px}.footer-socials{display:flex;font-size:20px;gap:16px}.footer-socials svg{color:#64748b;cursor:pointer;transition:all .25s ease}.footer-socials svg:hover{color:#000;transform:translateY(-3px)}.footer-links h3{color:#0f172a;font-size:16px;margin-bottom:16px}.footer-links ul{list-style:none;padding:0}.footer-links li{align-items:center;color:#475569;display:flex;gap:10px;margin-bottom:12px}.footer-links li svg{color:#2563eb}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:#0f172a}.footer-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:1px;margin:40px 0 20px}.footer-bottom{color:#64748b;display:flex;font-size:13px;justify-content:space-between}.footer-author{color:#2563eb;font-weight:600;text-decoration:none}.footer-author:hover{text-decoration:underline}@media (max-width:900px){.footer{padding:50px 24px 24px}.footer-top{gap:40px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}.navbar-wrapper.dark~.footer{background:#0f0f0f;border-top:1px solid #1f2933;color:#9ca3af}.navbar-wrapper.dark~.footer .footer-logo{color:#fff}.navbar-wrapper.dark~.footer .footer-desc{color:#9ca3af}.navbar-wrapper.dark~.footer .footer-links h3{color:#fff}.navbar-wrapper.dark~.footer .footer-links li{color:#9ca3af}.navbar-wrapper.dark~.footer .footer-links a:hover{color:#fff}.navbar-wrapper.dark~.footer .footer-links li svg{color:#60a5fa}.navbar-wrapper.dark~.footer .footer-socials svg{color:#9ca3af}.navbar-wrapper.dark~.footer .footer-socials svg:hover{color:#fff}.navbar-wrapper.dark~.footer .footer-divider{background:linear-gradient(90deg,#0000,#1f2933,#0000)}.navbar-wrapper.dark~.footer .footer-bottom{color:#9ca3af}.navbar-wrapper.dark~.footer .footer-author{color:#60a5fa}.footer *,.footer a,.footer svg{transition:color .35s ease,background-color .35s ease,transform .25s ease}:root{--dashboard-bg:#fff;--dashboard-text:#000;--dashboard-text-muted:#6b7280;--dashboard-card-bg:#fff;--dashboard-card-shadow:#0000000f;--dashboard-card-shadow-hover:#0000001a;--dashboard-badge-bg:#f1f5f9;--dashboard-primary-btn-bg:#000;--dashboard-primary-btn-text:#fff;--dashboard-secondary-btn-bg:#fff;--dashboard-secondary-btn-border:#000;--dashboard-secondary-btn-text:#000;--dashboard-fade-gradient:linear-gradient(180deg,#fff0,#ffffffd9,#fff)}body.dark-mode{--dashboard-bg:#0b0f19;--dashboard-text:#f9fafb;--dashboard-text-muted:#cbd5e1;--dashboard-card-bg:#1e293b;--dashboard-card-shadow:#0003;--dashboard-card-shadow-hover:#0000004d;--dashboard-badge-bg:#334155;--dashboard-primary-btn-bg:#3b82f6;--dashboard-primary-btn-text:#fff;--dashboard-secondary-btn-bg:#1e293b;--dashboard-secondary-btn-border:#4b5563;--dashboard-secondary-btn-text:#f9fafb;--dashboard-fade-gradient:linear-gradient(180deg,#0f172a00,#0f172ad9,#0f172a)}.dashboard-wrapper{align-items:center;background:#fff;background:var(--dashboard-bg);color:#000;color:var(--dashboard-text);display:flex;flex-direction:column;font-family:Space Grotesk,sans-serif;min-height:100vh;overflow:hidden;padding-top:140px;position:relative;transition:background .3s ease,color .3s ease;width:100%}.dashboard-wrapper:before{aspect-ratio:1920/1080;background-position:top;background-repeat:no-repeat;background-size:contain;content:"";inset:0;position:absolute;transition:opacity .5s ease;width:100%;z-index:0}body:not(.dark-mode) .dashboard-wrapper:before{background-image:url(https://github.com/prateekrajput08/TechCodeHub-Images/blob/main/Images/Backog-light.png?raw=true);opacity:1}body.dark-mode .dashboard-wrapper:before{background-image:url(https://github.com/prateekrajput08/TechCodeHub-Images/blob/main/Images/Backog-dashboard.png?raw=true);opacity:1}.dashboard-wrapper>*{position:relative;z-index:2}.dashboard-wrapper:after{background:linear-gradient(180deg,#fff0,#ffffffd9,#fff);background:var(--dashboard-fade-gradient);bottom:0;content:"";height:220px;left:0;pointer-events:none;position:absolute;transition:background .3s ease;width:100%;z-index:1}.dashboard-container{align-items:stretch;display:flex;gap:40px;justify-content:space-between;width:70%}.dashboard-left{padding-top:50px;width:50%}.dashboard-badge{align-items:center;background:#f1f5f9;background:var(--dashboard-badge-bg);border-radius:20px;box-shadow:0 3px 8px #0000003d;color:#000;color:var(--dashboard-text);display:inline-flex;font-size:14px;gap:8px;padding:6px 14px;transition:background .3s ease,color .3s ease}.yt-icon{color:red;font-size:16px}.dashboard-left h1{color:#000;color:var(--dashboard-text);font-size:44px;line-height:1.2;margin-bottom:16px}.dashboard-left h1 span,.subtitle{color:#6b7280;color:var(--dashboard-text-muted)}.subtitle{margin-bottom:20px;transition:color .3s ease}.features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.features div{color:#000;color:var(--dashboard-text)}.actions{display:flex;gap:28px}.primary-btn{background:#000;background:var(--dashboard-primary-btn-bg);border:none;border-radius:10px;color:#fff;color:var(--dashboard-primary-btn-text)}.primary-btn,.secondary-btn{cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:15px;padding:14px 24px;transition:all .3s ease}.secondary-btn{background:#fff;background:var(--dashboard-secondary-btn-bg);border:1px solid #000;border:1px solid var(--dashboard-secondary-btn-border);border-radius:10px;color:#000;color:var(--dashboard-secondary-btn-text)}.dashboard-right{display:flex;justify-content:flex-end;width:45%}.video-card{background:#000;border-radius:20px;height:70%;margin-top:100px;overflow:hidden;position:relative;width:100%}.video-thumb{height:100%;object-fit:cover;width:100%}.watch-overlay{align-items:center;background:red;border-radius:20px;bottom:20px;color:#fff;display:flex;font-size:14px;gap:8px;left:50%;padding:10px 18px;position:absolute;text-decoration:none;transform:translateX(-50%)}.dashboard-stats{display:flex;justify-content:space-around;padding-top:50px;text-align:center;width:70%}.dashboard-stats h2{color:#000;color:var(--dashboard-text);font-size:32px}.dashboard-stats p{color:#6b7280;color:var(--dashboard-text-muted)}.features-heading{margin:80px auto 50px;text-align:center;width:70%}.features-heading h2{color:#000;color:var(--dashboard-text);font-size:42px;font-weight:700}.features-heading p{color:#6b7280;color:var(--dashboard-text-muted);font-size:17px;line-height:1.7;margin:0 auto;max-width:720px}.features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr);margin-bottom:80px;width:72%}.feature-card{background:#fff;background:var(--dashboard-card-bg);border:2px solid #0000;border-radius:16px;box-shadow:0 10px 30px #0000000f;box-shadow:0 10px 30px var(--dashboard-card-shadow);color:#000;color:var(--dashboard-text);padding:28px;transition:all .3s ease}.feature-card:hover{border-color:#3b82f6;box-shadow:0 14px 46px #0000001a;box-shadow:0 14px 46px var(--dashboard-card-shadow-hover)}.feature-header{align-items:center;display:flex;gap:14px;margin-bottom:12px}.feature-card p{color:#6b7280;color:var(--dashboard-text-muted)}.feature-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.feature-card:first-child .feature-icon{background:#e0f2fe;color:#0284c7}.feature-card:nth-child(2) .feature-icon{background:#fce7f3;color:#be185d}.feature-card:nth-child(3) .feature-icon{background:#ede9fe;color:#6d28d9}.feature-card:nth-child(4) .feature-icon{background:#cffafe;color:#0e7490}.feature-card:nth-child(5) .feature-icon{background:#dcfce7;color:#15803d}.feature-card:nth-child(6) .feature-icon{background:#fef3c7;color:#b45309}.get-started-wrapper{text-align:center;width:72%}.get-started-title{color:#000;color:var(--dashboard-text);font-size:42px;font-weight:700}.get-started-subtitle{color:#6b7280;color:var(--dashboard-text-muted);font-size:16px;margin-bottom:50px}.get-started-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(4,1fr)}.get-card{background:#fff;background:var(--dashboard-card-bg);border:2px solid #0000;border-radius:18px;box-shadow:0 14px 40px #0000000f;box-shadow:0 14px 40px var(--dashboard-card-shadow);color:#000;color:var(--dashboard-text);padding:30px 24px 26px;position:relative;transition:all .3s ease}.get-card:hover{border-color:#3b82f6;box-shadow:0 22px 60px #0000001a;box-shadow:0 22px 60px var(--dashboard-card-shadow-hover)}.step-badge{background:#2563eb;color:#fff;font-size:14px;height:36px;left:50%;position:absolute;top:-18px;transform:translateX(-50%);width:36px}.step-badge,.step-icon{align-items:center;border-radius:50%;display:flex;justify-content:center}.step-icon{font-size:24px;height:60px;margin:26px auto 20px;width:60px}.step-blue{background:#eef2ff;color:#6366f1}.step-green{background:#ecfdf5;color:#10b981}.step-red{background:#fef2f2;color:#ef4444}.step-purple{background:#f5f3ff;color:#8b5cf6}.step-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:14px;padding:10px 20px}@media (max-width:1200px){.dashboard-container,.dashboard-stats,.features-grid,.get-started-wrapper{width:90%}.dashboard-wrapper{padding-top:34px}.dashboard-left h1{font-size:36px;line-height:1.2;margin-bottom:1px}.video-card{aspect-ratio:16/9;height:70%;margin-top:120px;width:100%}.actions{gap:20px}.primary-btn,.secondary-btn{font-size:14px;padding:10px 14px}.features-heading h2{color:#000;color:var(--dashboard-text);font-size:36px;font-weight:700}.step-btn{font-size:14px;padding:8px 12px}.features-heading p{font-size:15px;line-height:1.3;max-width:720px}}.get-card{margin-bottom:30px}@media (max-width:900px){.dashboard-container{flex-direction:column}.dashboard-wrapper{padding-top:40px}.dashboard-left,.dashboard-right{width:100%}.video-card{aspect-ratio:16/9;height:auto;margin-top:40px}.features-heading h2{font-size:40px;margin-top:-25px;width:100%}.dashboard-stats{justify-content:space-between;padding-top:30px;width:90%}.dashboard-stats h2{font-size:20px}.features-grid,.get-started-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features-grid,.get-started-grid{grid-template-columns:1fr}.dashboard-wrapper{padding-top:40px}.dashboard-left h1{font-size:32px}.primary-btn,.secondary-btn{width:100%}.actions{flex-direction:column;gap:14px}}@media (max-width:900px){.dashboard-wrapper:before{background-image:none!important}.dashboard-wrapper{padding-top:40px}}.fac-wrapper{--bg-main:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--primary:#2563eb;--border:#e5e7eb;--blue-box:#eaf2ff;--accent-box:#ccfbf1;--success:#22c55e;--warning-border:#99f6e4;--danger:#ef4444;--shadow:#0000001a;--card-hover-shadow:#2563eb26}.fac-wrapper.dark{--bg-main:#0b0f19;--card-bg:#111827;--text-main:#f9fafb;--text-muted:#9ca3af;--primary:#2dd4bf;--border:#1f2937;--blue-box:#0f1c4d;--accent-box:#042f2e;--success:#22c55e;--warning-border:#115e59;--danger:#f87171;--shadow:#0009;--card-hover-shadow:#2dd4bf33}.fac-wrapper{background:var(--bg-main);color:var(--text-main);font-family:Space Grotesk,sans-serif;overflow-x:hidden;padding-top:120px;width:100%}.fac-hero{margin:0 auto 40px;text-align:center;width:70%}.fac-title-main{color:var(--text-main);font-size:52px;font-weight:700}.fac-title-sub{color:var(--primary);font-size:46px;font-weight:700;margin:-25px 10px 10px}.fac-title-sub span{color:var(--text-main)}.fac-desc{font-size:18px}.fac-date,.fac-desc{color:var(--text-muted)}.fac-date{font-size:14px}.fac-join{background:var(--card-bg);border-radius:20px;box-shadow:0 18px 50px var(--shadow);margin:0 auto 80px;padding:40px;text-align:center;width:72%}.fac-join-sub{color:var(--text-muted)}.fac-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr)}.fac-box{border-radius:18px;padding:28px;text-align:left}.fac-box-blue{background:var(--blue-box)}.fac-box-accent{background:var(--accent-box)}.fac-box-title{gap:8px}.fac-btn-primary{background:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;padding:14px 22px;transition:.25s ease}.fac-btn-primary:hover{opacity:.85;transform:translateY(-1px)}.fac-wrapper.dark .fac-btn-primary{background:var(--primary);color:#000}.fac-wrapper.dark .fac-btn-primary:hover{background:#5eead4}.fac-code{color:var(--danger);padding:14px}.fac-copy-btn{background:none;transition:.2s}.fac-copy-btn:hover{color:var(--primary)}.fac-copy-btn.copied{color:var(--success)}.pm-wrapper{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;margin:0 auto 100px;padding:30px;width:72%}.pm-header{align-items:center;display:flex;gap:12px}.pm-icon{color:var(--primary);font-size:26px}.pm-text h2{color:var(--text-main);font-size:22px;margin:0}.pm-text p{color:var(--text-muted);font-size:14px;margin:2px 0 0}.pm-warning{background:var(--accent-box);border:1px solid var(--warning-border);border-radius:8px;color:var(--text-main);display:flex;font-size:14px;gap:10px;margin:20px 0;padding:12px}.pm-warning svg{color:#14b8a6;flex-shrink:0}.fac-wrapper.dark .pm-warning svg{color:#5eead4}.pm-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.pm-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:18px;transition:border-color .25s ease,box-shadow .25s ease}.pm-card:hover{border-color:var(--primary);box-shadow:0 12px 30px var(--card-hover-shadow)}.pm-card h3{color:var(--text-main);margin-bottom:12px}.pm-card ul{list-style:none;padding:0}.pm-card li{color:var(--text-main);display:flex;gap:8px;margin-bottom:6px}.pm-card li svg{color:var(--success);flex-shrink:0;margin-top:2px}.pm-points{border-top:1px solid var(--border);color:var(--primary);font-weight:500;margin-top:8px;padding-top:10px}.pm-points span{color:var(--text-muted);display:block;font-size:12px;font-weight:400}@media (max-width:900px){.fac-hero,.fac-join,.pm-wrapper{width:95%}.fac-grid,.pm-grid{grid-template-columns:1fr}}@media (max-width:600px){.fac-title-main{font-size:34px}.fac-title-sub{font-size:28px;margin:-10px 0 10px}.fac-desc{font-size:15px}.fac-join{padding:24px 18px}.fac-box{padding:20px}.fac-btn-primary{width:100%}.pm-wrapper{padding:20px 16px}.pm-text h2{font-size:18px}.pm-text p,.pm-warning{font-size:13px}.pm-card h3{font-size:16px}.pm-card li,.pm-points{font-size:14px}*{box-sizing:border-box;max-width:100%}.pm-warning svg{flex-shrink:0;font-size:16px;margin-top:1px;min-width:22px}}.fac-box-yellow{background:var(--accent-box);border:1px solid var(--warning-border);transition:all .3s ease}.fac-box-yellow:hover{box-shadow:0 8px 20px var(--shadow);transform:translateY(-2px)}.fac-code{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;margin-top:12px;padding:14px 16px;transition:all .2s ease}.fac-code span{color:var(--danger);font-family:Courier New,monospace;font-size:16px;font-weight:600;letter-spacing:.5px}.fac-code span.available{color:var(--success)}.fac-copy-btn{align-items:center;background:var(--bg-main);border:none;border-radius:8px;color:var(--text-main);cursor:pointer;display:flex;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.fac-copy-btn:hover{background:var(--primary);color:#fff}.fac-copy-btn.copied{color:#fff}.fac-copy-btn.copied,.fac-copy-btn.copied:hover{background:var(--success)}.fac-box-title{align-items:center;color:var(--text-main);display:flex;font-size:18px;gap:10px;margin-bottom:12px}.fac-box-title svg{color:var(--primary);font-size:20px}.fac-box-text{color:var(--text-muted);font-size:14px;margin-bottom:16px}.fac-wrapper.dark .fac-box-yellow{background:var(--accent-box);border-color:var(--warning-border)}.fac-wrapper.dark .fac-code{background:var(--bg-main);border-color:var(--border-light)}.fac-wrapper.dark .fac-code span{color:#f87171}.fac-wrapper.dark .fac-copy-btn{background:var(--card-bg);color:var(--text-muted)}.fac-wrapper.dark .fac-copy-btn:hover{background:var(--primary);color:#fff}@media (max-width:600px){.fac-code{flex-direction:column;gap:10px;text-align:center}.fac-code span{font-size:14px;word-break:break-all}.fac-copy-btn{justify-content:center;width:100%}}:root{--res-bg-main:#f8fafc;--res-card-bg:#fff;--res-text-main:#0f172a;--res-text-muted:#475569;--res-text-light:#94a3b8;--res-primary:#2563eb;--res-primary-light:#2563eb26;--res-border:#e5e7eb;--res-border-light:#e2e8f0;--res-tag-bg:#f1f5f9;--res-tag-text:#111827;--res-btn-bg:#000;--res-btn-hover:#111;--res-btn-text:#fff;--res-shadow:#00000014;--res-shadow-hover:#2563eb26;--res-page-bg:#fff}body.dark-mode{--res-bg-main:#0b0f19;--res-card-bg:#111827;--res-text-main:#f9fafb;--res-text-muted:#9ca3af;--res-text-light:#6b7280;--res-primary:#60a5fa;--res-primary-light:#60a5fa40;--res-border:#1f2937;--res-border-light:#374151;--res-tag-bg:#1e293b;--res-tag-text:#cbd5e1;--res-btn-bg:#3b82f6;--res-btn-hover:#2563eb;--res-btn-text:#fff;--res-shadow:#0003;--res-shadow-hover:#60a5fa40;--res-page-bg:#0b0f19}.res-wrapper{box-sizing:border-box;font-family:Space Grotesk,sans-serif;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:120px 0 80px;width:70%}.res-title,.res-wrapper{color:#0f172a;color:var(--res-text-main);transition:color .3s ease}.res-title{font-size:40px;font-weight:700;margin-bottom:12px;text-align:center}.res-subtitle{color:#475569;color:var(--res-text-muted);font-size:16px;line-height:1.6;margin:0 auto 50px;max-width:600px;text-align:center;transition:color .3s ease}.res-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(3,1fr);width:100%}.res-card,.res-grid{box-sizing:border-box}.res-card{background:#fff;background:var(--res-card-bg);border:1px solid #e5e7eb;border:1px solid var(--res-border);border-radius:16px;box-shadow:0 10px 30px #00000014;box-shadow:0 10px 30px var(--res-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.res-card:hover{border-color:#2563eb;border-color:var(--res-primary);box-shadow:0 12px 30px #2563eb26;box-shadow:0 12px 30px var(--res-shadow-hover);transform:translateY(-4px)}.res-card img{display:block;height:180px;object-fit:cover;transition:filter .3s ease;width:100%}body.dark-mode .res-card img{filter:brightness(.9)}.res-card-body{display:flex;flex:1 1;flex-direction:column;padding:20px}.res-tag{align-self:flex-start;background:#f1f5f9;background:var(--res-tag-bg);border-radius:20px;color:#111827;color:var(--res-tag-text);display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 10px;transition:all .3s ease}.res-tag[data-tag=GUIDE]{background:#dcfce7;color:#166534}body.dark-mode .res-tag[data-tag=GUIDE]{background:#14532d;color:#bbf7d0}.res-tag[data-tag=EVENT]{background:#fef3c7;color:#92400e}body.dark-mode .res-tag[data-tag=EVENT]{background:#78350f;color:#fde68a}.res-tag[data-tag=COMMUNITY]{background:#e0f2fe;color:#0369a1}body.dark-mode .res-tag[data-tag=COMMUNITY]{background:#0c4a6e;color:#bae6fd}.res-tag[data-tag=INFO]{background:#ede9fe;color:#6d28d9}body.dark-mode .res-tag[data-tag=INFO]{background:#4c1d95;color:#ddd6fe}.res-tag[data-tag=TOOL]{background:#fce7f3;color:#9d174d}body.dark-mode .res-tag[data-tag=TOOL]{background:#831843;color:#fbcfe8}.res-card-body h3{color:#0f172a;color:var(--res-text-main);font-size:18px;line-height:1.4;margin:8px 0 12px;transition:color .3s ease}.res-card-body p{color:#475569;color:var(--res-text-muted);flex:1 1;font-size:14px;line-height:1.5;margin-bottom:20px;transition:color .3s ease}.res-btn{align-items:center;align-self:flex-start;background:#000;background:var(--res-btn-bg);border:none;border-radius:8px;color:#fff;color:var(--res-btn-text);cursor:pointer;display:inline-flex;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:140px;padding:10px 16px;text-align:center;transition:all .3s ease}.res-btn:hover{background:#111;background:var(--res-btn-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.res-btn:after{transition:transform .3s ease}.res-btn:hover:after{transform:translateX(4px)}@media (max-width:1024px){.res-wrapper{padding:100px 20px 60px;width:90%}.res-grid{gap:22px;grid-template-columns:repeat(2,1fr)}.res-card img{height:170px}.res-title{font-size:32px}.res-subtitle{font-size:15px;max-width:500px}}@media (max-width:768px){.res-wrapper{padding:90px 16px 50px;width:95%}.res-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.res-card img{height:160px}.res-card-body{padding:16px}.res-card-body h3{font-size:16px;margin-bottom:10px}.res-card-body p{font-size:13px;margin-bottom:16px}.res-btn{font-size:13px;min-width:130px;padding:9px 14px}}@media (max-width:600px){.res-wrapper{padding:80px 16px 50px;width:100%}.res-title{font-size:28px;line-height:1.2}.res-subtitle{font-size:14px;margin-bottom:36px;padding:0 16px}.res-grid{gap:18px;grid-template-columns:1fr;padding:0 12px}.res-card img{height:150px}.res-card-body{padding:18px 16px}.res-card-body h3{font-size:17px}.res-card-body p{font-size:14px}.res-btn{justify-content:center;min-width:auto;padding:11px 16px;text-align:center;width:100%}}@media (max-width:380px){.res-wrapper{padding:70px 12px 40px}.res-title{font-size:26px}.res-subtitle{font-size:13px;margin-bottom:32px;padding:0 8px}.res-grid{gap:16px;padding:0 8px}.res-card img{height:140px}.res-card-body{padding:16px 14px}.res-card-body h3{font-size:16px}.res-card-body p{font-size:13px}}.res-card{animation:fadeInUp .4s ease-out forwards;opacity:0}.res-card:first-child{animation-delay:.1s}.res-card:nth-child(2){animation-delay:.2s}.res-card:nth-child(3){animation-delay:.3s}.res-card:nth-child(4){animation-delay:.4s}.res-card:nth-child(5){animation-delay:.5s}.res-card:nth-child(6){animation-delay:.6s}.res-card:nth-child(7){animation-delay:.7s}.res-card:nth-child(8){animation-delay:.8s}.res-card:nth-child(9){animation-delay:.9s}.res-card:nth-child(10){animation-delay:1s}.res-card:nth-child(11){animation-delay:1.1s}.res-btn:focus{outline:2px solid #2563eb;outline:2px solid var(--res-primary);outline-offset:2px}.res-card:focus-within{outline:2px solid #2563eb;outline:2px solid var(--res-primary);outline-offset:4px}.res-card img{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#e2e8f0 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--res-border) 25%,var(--res-border-light) 50%,var(--res-border) 75%);background-size:200% 100%}.res-card img.loaded{animation:none;background:none}:root{--swag-text-main:#0f172a;--swag-text-muted:#64748b;--swag-border:#e5e7eb;--swag-border-light:#e5e7eb;--swag-bg:#fff;--swag-tag-bg:#f1f5f9;--swag-tag-text:#334155;--swag-btn-bg:#000;--swag-btn-text:#fff;--swag-icon-color:#000;--swag-shadow:#00000014;--swag-earn-bg:linear-gradient(135deg,#eef4ff,#f6f9ff);--swag-earn-text:#0f172a;--swag-earn-muted:#475569;--swag-dot-color:#8b5cf6;--swag-link-color:#2563eb}body.dark-mode{--swag-text-main:#f9fafb;--swag-text-muted:#9ca3af;--swag-border:#374151;--swag-border-light:#4b5563;--swag-bg:#0b0f19;--swag-tag-bg:#374151;--swag-tag-text:#d1d5db;--swag-btn-bg:#3b82f6;--swag-btn-text:#fff;--swag-icon-color:#fff;--swag-shadow:#0003;--swag-earn-bg:linear-gradient(135deg,#1e293b,#0f172a);--swag-earn-text:#f9fafb;--swag-earn-muted:#d1d5db;--swag-dot-color:#a78bfa;--swag-link-color:#60a5fa}.swag-wrapper{background:#fff;background:var(--swag-bg);font-family:Space Grotesk,sans-serif;padding-bottom:80px;padding-top:140px;transition:background .3s ease;width:100%}.swag-container{margin:0 auto;width:70%}.swag-header h1{color:#0f172a;color:var(--swag-text-main);font-size:36px;margin-bottom:6px}.swag-header p{color:#64748b;color:var(--swag-text-muted);margin-bottom:30px;max-width:620px}.swag-title{align-items:center;color:#0f172a;color:var(--swag-text-main);display:flex;font-size:36px;gap:10px}.swag-title-icon{color:#000;color:var(--swag-icon-color);font-size:40px}.swag-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.swag-filters button,.swag-filters input,.swag-filters select{font-family:Space Grotesk,sans-serif;font-size:14px}.swag-filters button{background:#fff;background:var(--swag-bg);border:1px solid #e5e7eb;border:1px solid var(--swag-border);border-radius:999px;color:#0f172a;color:var(--swag-text-main);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.swag-filters .active{background:#000;background:var(--swag-btn-bg);border-color:#000;border-color:var(--swag-btn-bg);color:#fff;color:var(--swag-btn-text)}.swag-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.swag-card{border:1px solid #e5e7eb;border:1px solid var(--swag-border);border-radius:16px;box-shadow:0 10px 30px #00000014;box-shadow:0 10px 30px var(--swag-shadow);flex-direction:column;padding:16px;transition:all .3s ease}.swag-card,.swag-img{background:#fff;background:var(--swag-bg);display:flex}.swag-img{align-items:center;aspect-ratio:1.1/1;border:1px solid #e5e7eb;border:1px solid var(--swag-border-light);border-radius:14px;justify-content:center;overflow:hidden;width:100%}.swag-img img{height:90%;object-fit:contain;width:90%}.swag-date{color:#64748b;color:var(--swag-text-muted);font-size:12px;margin-top:12px}.swag-card h3{color:#0f172a;color:var(--swag-text-main);font-size:16px;margin:6px 0 8px}.swag-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.swag-tags span{background:#f1f5f9;background:var(--swag-tag-bg);border-radius:999px;color:#334155;color:var(--swag-tag-text);font-size:12px;padding:4px 10px}.swag-btn{background:#000;background:var(--swag-btn-bg);border-radius:10px;color:#fff;color:var(--swag-btn-text);display:block;font-size:14px;font-weight:500;margin-top:auto;padding:12px 0;text-align:center;text-decoration:none;transition:background .3s ease;width:100%}@media (max-width:1200px){.swag-container{margin-top:-50px;width:90%}.swag-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.swag-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.swag-grid{grid-template-columns:1fr}}.swag-earn-wrapper{margin:60px auto 10px;width:90%}.swag-earn-card{background:linear-gradient(135deg,#eef4ff,#f6f9ff);background:var(--swag-earn-bg);border:1px solid #e5e7eb;border:1px solid var(--swag-border);border-radius:22px;box-shadow:0 20px 60px #00000014;box-shadow:0 20px 60px var(--swag-shadow);padding:40px 48px}.swag-earn-title{align-items:center;color:#0f172a;color:var(--swag-earn-text);display:flex;font-size:30px;font-weight:700;gap:12px;margin-bottom:16px}.swag-earn-icon{color:#000;color:var(--swag-icon-color)}.swag-earn-desc{color:#475569;color:var(--swag-earn-muted);font-size:16px;margin-bottom:22px}.swag-earn-list{list-style:none;margin-bottom:24px;padding:0}.swag-earn-list li{align-items:flex-start;color:#0f172a;color:var(--swag-earn-text);display:flex;font-size:15px;gap:10px;margin-bottom:14px}.swag-dot{background:#8b5cf6;background:var(--swag-dot-color);border-radius:50%;height:8px;margin-top:8px;width:8px}.swag-earn-footer{color:#475569;color:var(--swag-earn-muted);font-size:15px;line-height:1.6}.swag-link{color:#2563eb;color:var(--swag-link-color);cursor:pointer;font-weight:500}@media (max-width:900px){.swag-earn-wrapper{width:90%}.swag-earn-card{padding:32px 26px}.swag-earn-title{font-size:24px}}.lr-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.lr-modal{animation:lr-pop .25s ease;background:#fff;border-radius:22px;box-shadow:0 30px 80px #00000059;max-width:92%;padding:28px 26px 24px;position:relative;transition:background .35s ease,color .35s ease,box-shadow .35s ease;width:420px}@keyframes lr-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lr-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:20px;position:absolute;right:14px;top:14px}.lr-close:hover,.lr-modal h2{color:#0f172a}.lr-modal h2{font-size:22px;font-weight:700;margin-bottom:6px}.lr-modal h2,.lr-subtitle{font-family:Space Grotesk,sans-serif}.lr-subtitle{color:#475569;font-size:14px;line-height:1.55;margin-bottom:22px}.lr-google{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;gap:10px;height:48px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;width:100%}.lr-google:hover{box-shadow:0 8px 20px #0f172a59;transform:translateY(-1px)}.lr-divider{color:#94a3b8;font-size:12px;letter-spacing:.4px;margin:18px 0 14px;text-align:center;text-transform:uppercase}.lr-divider,.lr-telegram{font-family:Space Grotesk,sans-serif}.lr-telegram{align-items:center;border-radius:14px;display:flex;font-size:15px;font-weight:600;gap:10px;height:46px;justify-content:center;margin-bottom:10px;text-decoration:none;transition:all .15s ease;width:100%}.lr-telegram.solid{background:linear-gradient(135deg,#229ed9,#1d8ec8);box-shadow:0 6px 18px #229ed959;color:#fff}.lr-telegram.solid:hover{box-shadow:0 10px 26px #229ed973;transform:translateY(-1px)}.lr-telegram.outline{background:#0000;border:2px solid #229ed9;color:#229ed9}.lr-telegram.outline:hover{background:#229ed914}.lr-whatsapp{align-items:center;background:#0000;border:2px solid #16a34a;border-radius:14px;color:#16a34a;display:flex;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;gap:10px;height:46px;justify-content:center;margin-top:6px;text-decoration:none;transition:all .15s ease;width:100%}.lr-whatsapp:hover{background:#16a34a14}@media (max-width:480px){.lr-backdrop{align-items:flex-end}.lr-modal{animation:lr-slide-up .25s ease;border-radius:22px 22px 0 0;max-width:100%;padding:24px 20px 22px;width:100%}@keyframes lr-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lr-modal h2{font-size:20px}}.lr-modal *,.lr-modal a,.lr-modal button,.lr-modal svg{transition:color .35s ease,background-color .35s ease,border-color .35s ease,transform .2s ease}.navbar-wrapper.dark~.lr-backdrop{background:#020617bf}.navbar-wrapper.dark~.lr-backdrop .lr-modal{background:#0f172a;box-shadow:0 30px 80px #000000b3}.navbar-wrapper.dark~.lr-backdrop .lr-modal h2{color:#fff}.navbar-wrapper.dark~.lr-backdrop .lr-close,.navbar-wrapper.dark~.lr-backdrop .lr-subtitle{color:#9ca3af}.navbar-wrapper.dark~.lr-backdrop .lr-close:hover{color:#fff}.navbar-wrapper.dark~.lr-backdrop .lr-divider{color:#6b7280}.navbar-wrapper.dark~.lr-backdrop .lr-google{background:linear-gradient(135deg,#020617,#020617);border:1px solid #1f2937}.navbar-wrapper.dark~.lr-backdrop .lr-telegram.outline{border-color:#38bdf8;color:#38bdf8}.navbar-wrapper.dark~.lr-backdrop .lr-telegram.outline:hover{background:#38bdf81f}.navbar-wrapper.dark~.lr-backdrop .lr-whatsapp{border-color:#22c55e;color:#22c55e}.navbar-wrapper.dark~.lr-backdrop .lr-whatsapp:hover{background:#22c55e1f}:root{--border:#e5e7eb}body{background-color:#fff;background-color:var(--page-bg);min-height:100vh;padding:0;transition:background-color .3s ease,color .3s ease}.syll-wrapper{background:#f8fafc;background:var(--bg-main);font-family:Space Grotesk,sans-serif;margin:0 auto;max-width:1100px;padding:120px 0 80px;transition:background .3s ease,color .3s ease;width:70%}.syll-title,.syll-wrapper{color:#0f172a;color:var(--text-main)}.syll-title{font-size:40px;font-weight:700;text-align:center}.syll-subtitle{color:#64748b;color:var(--text-muted);line-height:1.6;margin:12px auto 40px;max-width:900px;text-align:center}.syll-search{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:12px 14px;transition:all .3s ease}.syll-search input{background:#0000;border:none;color:#0f172a;color:var(--text-main);font-family:inherit;font-size:14px;outline:none;width:100%}.syll-search input::placeholder{color:#64748b;color:var(--text-muted)}.syll-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 24px;padding:0}.syll-filters select{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text-main);cursor:pointer;flex:1 1;font-family:Space Grotesk,sans-serif;font-size:13px;max-width:140px;min-width:110px;min-width:140px;padding:8px 12px;transition:all .3s ease}.syll-count{color:#64748b;color:var(--text-muted);flex-shrink:0;font-size:14px;margin-left:auto;white-space:nowrap}@media (max-width:768px){.syll-count{margin-left:0;margin-top:6px;width:100%}}@media (min-width:769px){.syll-filters{justify-content:space-between}}@media (max-width:768px) and (min-width:481px){.syll-filters{align-items:flex-end;flex-direction:row;gap:16px}.syll-filters select{flex:1 1;min-width:120px}.syll-count{font-weight:500;margin-bottom:2px;margin-left:auto;text-align:right}}@media (max-width:480px){.syll-filters{align-items:stretch;flex-direction:column;gap:10px}.syll-filters select{max-width:100%;min-width:0;min-width:auto;width:100%}.syll-count{margin-left:0;margin-top:4px;text-align:right}}.syll-list{display:flex;flex-direction:column;gap:14px}.syll-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.syll-card:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:0 10px 25px #2563eb1f;box-shadow:0 10px 25px var(--shadow)}.syll-card.completed{background:#f1f5f9;background:var(--tag-bg);border-color:#e5e7eb;border-color:var(--border)}.syll-card.completed h3{color:#ababab}.syll-card.completed .syll-resources,.syll-card.completed .syll-tags span,.syll-card.completed a,.syll-card.completed p{color:#94a3b8!important;color:var(--text-light)!important}.syll-card.completed .tag{filter:grayscale(30%);opacity:.8}.syll-card.completed .tag.beginner,.syll-card.completed .tag.introductory{background:#16a34ab3!important;color:#fff!important}.syll-card.completed .tag.intermediate{background:#f59e0bb3!important;color:#fff!important}.syll-card.completed .tag.advanced{background:#dc2626b3!important;color:#fff!important}.syll-card.completed .tag.green{background:#2563ebb3!important;color:#fff!important}.syll-card.completed .tag.purple{background:#7c3aedb3!important;color:#fff!important}.syll-card.completed .syll-tags span{background:#f1f5f980!important;border:1px solid #e2e8f0;border:1px solid var(--border-light);color:#64748b!important;color:var(--text-muted)!important}.syll-card.completed .syll-tags span,.syll-card.completed .tag{background:#e5e7eb!important;background:var(--border)!important}.syll-card.completed svg:not(.status-circle svg){color:#94a3b8!important;color:var(--text-light)!important}.syll-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.syll-title-row{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.syll-card-header h3{color:#0f172a;color:var(--text-main);cursor:pointer;flex:1 1;font-size:18px;line-height:1.4;margin:0}.syll-card-header svg{color:#2563eb;color:var(--primary);cursor:pointer;flex-shrink:0;font-size:18px;transition:transform .2s ease}.syll-card-header svg[aria-expanded=true]{transform:rotate(180deg)}.status-circle{align-items:center;border:2px solid #64748b;border:2px solid var(--text-muted);border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:14px;justify-content:center;margin-top:3px;min-height:14px;min-width:14px;transition:all .25s ease;width:14px}.status-circle.done{background:#16a34a;background:var(--success);border-color:#16a34a;border-color:var(--success);color:#fff}.status-circle svg{color:inherit;font-size:10px}.status-circle.done{box-shadow:0 0 0 3px #16a34a26;box-shadow:0 0 0 3px var(--success-light)}.syll-title-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.cut-title{color:#64748b;color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:#989898;text-decoration-color:#989898;text-decoration-thickness:2px}.syll-meta{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.tag{border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px}.tag.beginner,.tag.introductory{background:#16a34a;background:var(--success)}.tag.intermediate{background:#f59e0b;background:var(--warning)}.tag.advanced{background:#dc2626;background:var(--danger)}.tag.green{background:#2563eb;background:var(--primary);color:#fff}.tag.purple{background:#7c3aed}.tag.blue{background:#e0f2fe;color:#0369a1}.tag.purple{background:#ede9fe;border:1px solid #ddd6fe;color:#6d28d9}.syll-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.syll-tags span{background:#f1f5f9;background:var(--tag-bg);border-radius:20px;color:#0f172a;color:var(--text-main);font-size:12px;padding:5px 10px;transition:all .3s ease}.syll-description{color:#64748b;color:var(--text-muted);font-size:14px;line-height:1.6;margin:12px 0 10px}.syll-expand{background:#f8fafc;background:var(--expand-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:14px 16px;transition:all .3s ease}.syll-res-heading{color:#16a34a;color:var(--success);font-size:14px;font-weight:600;margin:12px 0 10px}.syll-expand ul{list-style:none;margin:0;padding:0}.syll-expand li{align-items:center;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.syll-expand li:last-child{margin-bottom:0}.syll-expand li svg{color:#2563eb;color:var(--primary);flex-shrink:0;font-size:16px;transition:color .3s ease}.syll-expand li a{color:#0f172a;color:var(--text-main);font-weight:500;text-decoration:none;transition:color .3s ease}.syll-expand li a:hover{color:#2563eb;color:var(--primary);text-decoration:underline}.syll-card.completed .syll-expand{background:#f1f5f9;background:var(--tag-bg);border-color:#e2e8f0;border-color:var(--border-light)}.syll-card.completed .syll-expand li svg,.syll-card.completed .syll-res-heading{color:#94a3b8;color:var(--text-light)}.syll-card.completed .syll-expand li a{color:#64748b;color:var(--text-muted)}.syll-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}.syll-pagination button{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text-main);cursor:pointer;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .3s ease}.syll-pagination button.active{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.syll-pagination button:disabled{cursor:not-allowed;opacity:.5}.syll-pagination button:hover:not(:disabled):not(.active){background:#f1f5f9;background:var(--tag-bg)}.syll-search-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:24px;margin-bottom:18px}.syll-tab{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500;padding:10px 4px;position:relative;transition:color .2s ease}.syll-tab.active,.syll-tab:hover{color:#2563eb;color:var(--primary)}.syll-tab.active{font-weight:600}.syll-tab.active:after{background:#2563eb;background:var(--primary);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}@media (max-width:600px){.syll-search-tabs{gap:16px;overflow-x:auto}.syll-tab{font-size:14px;white-space:nowrap}}.empty-state{color:#64748b;color:var(--text-muted);padding:40px 20px;text-align:center}.empty-state p{font-size:16px;margin:0}.game-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.game-card{background:#fff;background:var(--card-bg);border:1px solid #f1f5f9;border:1px solid var(--tag-bg);border-radius:18px;display:flex;flex-direction:column;height:100%;min-height:420px;padding:22px 20px;position:relative;transition:all .3s ease}.game-card:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:none;transform:none}.game-title-row .status-circle{margin-top:23px}.game-badge{background:#dcfce7;color:#166534;left:16px}.game-badge,.game-type-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;top:16px}.game-type-badge{background:#eef2ff;color:#4338ca;right:16px}.game-type-badge.trivia{background:#fef3c7;color:#92400e}.game-type-badge.special{background:#f1f159;color:#64748b;font-weight:700}.special-icon{font-size:12px;margin-right:4px}.game-image{display:flex;justify-content:center;margin:28px 0 16px}.game-image img{height:auto;transition:filter .3s ease;width:130px}.game-title-row{align-items:flex-start!important;display:flex!important;gap:12px;min-height:56px}.game-title-row h3{color:#0f172a;color:var(--text-main);line-height:1.4}.game-title-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;height:2.8em;line-height:1.4;min-height:2.8em;overflow:hidden;text-overflow:ellipsis}.game-code{background:#fff;background:var(--card-bg);border:1px dashed #0f172a;border:1px dashed var(--text-main);border-radius:8px;color:#0f172a;color:var(--text-main);cursor:pointer;font-weight:700;letter-spacing:1.5px;margin:10px 0;padding:8px 12px;text-align:center;transition:all .3s ease}.game-code:hover{background:#f1f5f9;background:var(--tag-bg)}.game-code.copied{background:#dcfce7;border-color:#16a34a;border-color:var(--success);color:#166534}.game-btn.black{background:#000;border:1px solid #000;border-radius:10px;color:#fff;font-weight:600;margin-top:auto;padding:12px;text-align:center;text-decoration:none;transition:opacity .3s ease}.game-btn.black:hover{opacity:.9}.game-card.completed{background:#f1f5f9;background:var(--tag-bg);border-color:#e5e7eb;border-color:var(--border)}.game-card.completed .game-badge,.game-card.completed .game-btn,.game-card.completed .game-code,.game-card.completed .game-type-badge,.game-card.completed h3{color:#aaa!important}.game-card.completed img{filter:grayscale(100%);opacity:.75}.game-card.completed .status-circle{background:#16a34a;background:var(--success);border-color:#16a34a;border-color:var(--success);color:#fff}.game-card.completed .game-code{background:#e5e7eb;background:var(--border);border-color:#94a3b8;border-color:var(--text-light)}@media (max-width:1024px){.syll-wrapper{padding:100px 20px 60px;width:95%}.syll-meta{overflow:visible}.syll-meta .tag{font-size:12px;padding:4px 8px;white-space:nowrap}}@media (max-width:600px){.syll-wrapper{padding:70px 12px 40px;width:100%}.syll-title{font-size:26px}.syll-search{padding:10px 12px}.syll-card{padding:14px}.syll-card-header h3{font-size:15px}.status-circle{height:16px;min-height:16px;min-width:16px;width:16px}.status-circle svg{font-size:10px}.game-grid{gap:16px;grid-template-columns:1fr}.game-card{padding:16px}}.points-badge{display:none!important}:root{--arcade-bg:#fff;--arcade-text:#000;--arcade-text-muted:#555;--arcade-card-bg:#fff;--arcade-card-shadow:#00000014;--arcade-light-bg:#f7f8fa;--arcade-cta-bg:linear-gradient(135deg,#000,#1e1e1e);--arcade-cta-text:#fff;--arcade-btn-bg:#fff;--arcade-btn-text:#000;--arcade-icon-color:#000}body.dark-mode{--arcade-bg:#0b0f19;--arcade-text:#f9fafb;--arcade-text-muted:#cbd5e1;--arcade-card-bg:#1e293b;--arcade-card-shadow:#0003;--arcade-light-bg:#1e293b;--arcade-cta-bg:linear-gradient(135deg,#1e293b,#0f172a);--arcade-cta-text:#f9fafb;--arcade-btn-bg:#3b82f6;--arcade-btn-text:#fff;--arcade-icon-color:#fff}.arcade-wrapper{background:#fff;background:var(--arcade-bg);color:#000;color:var(--arcade-text);font-family:Space Grotesk,sans-serif;gap:72px;padding-top:140px;transition:background .3s ease,color .3s ease}.arcade-section,.arcade-wrapper{display:flex;flex-direction:column}.arcade-section{align-items:center;gap:32px;padding:0 16px}.light-bg{background:#f7f8fa;background:var(--arcade-light-bg);padding:56px 16px;transition:background .3s ease}.section-title{color:#000;color:var(--arcade-text);font-size:40px;font-weight:700;margin:0;text-align:center}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);width:min(100%,1120px)}.card-grid.two{grid-template-columns:repeat(2,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}.info-card{background:#fff;background:var(--arcade-card-bg);border-radius:22px;box-shadow:0 10px 26px #00000014;box-shadow:0 10px 26px var(--arcade-card-shadow);color:#000;color:var(--arcade-text);padding:22px 24px;transition:all .3s ease}.info-card.center{text-align:center}.card-head{align-items:center;display:flex;gap:8px;margin-bottom:6px}.card-head.center{justify-content:center}.card-icon{color:#000;color:var(--arcade-icon-color);flex-shrink:0;font-size:18px;transition:color .3s ease}.info-card h4{color:#000;color:var(--arcade-text);font-size:16px;font-weight:600;line-height:1.2;margin:0}.info-card p{color:#555;color:var(--arcade-text-muted);font-size:14.5px;line-height:1.55;margin:0}.arcade-cta{background:linear-gradient(135deg,#000,#1e1e1e);background:var(--arcade-cta-bg);padding:56px 16px;text-align:center;transition:background .3s ease}.arcade-cta,.arcade-cta h2{color:#fff;color:var(--arcade-cta-text)}.arcade-cta h2{font-size:clamp(22px,3vw,28px);font-weight:700;margin:0 0 8px}.arcade-cta p{color:#fff;color:var(--arcade-cta-text);font-size:15px;margin:0 auto 20px;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.cta-btn{align-items:center;background:#fff;background:var(--arcade-btn-bg);border-radius:999px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.cta-btn,.cta-btn.telegram,.cta-btn.whatsapp{color:#000;color:var(--arcade-btn-text)}@media (max-width:1200px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.card-grid,.card-grid.three{grid-template-columns:repeat(2,1fr)}.card-grid.two{grid-template-columns:1fr 1fr}}@media (max-width:640px){.card-grid,.card-grid.three,.card-grid.two{grid-template-columns:1fr}.info-card{padding:20px}}@media (max-width:420px){.arcade-wrapper{gap:56px}.section-title{font-size:22px}.info-card h4{font-size:15px}.info-card p{font-size:14px}}.about-me-card{background:#fff;background:var(--arcade-card-bg);border-radius:24px;box-shadow:0 10px 26px #00000014;box-shadow:0 10px 26px var(--arcade-card-shadow);color:#000;color:var(--arcade-text);padding:26px 28px;transition:all .3s ease;width:min(100%,760px)}.about-me-card p{color:#555;color:var(--arcade-text-muted);font-size:15px;line-height:1.6;margin:0}:root{--calc-bg:#fff;--calc-text:#0f172a;--calc-text-muted:#475569;--calc-text-light:#64748b;--calc-card-bg:#fff;--calc-border:#e5e7eb;--calc-border-dark:#0f172a;--calc-primary:#0f172a;--calc-primary-light:#0f172a1a;--calc-shadow:#00000014;--calc-shadow-hover:#0000001f;--calc-disabled-bg:#f8fafc;--calc-disabled-text:#94a3b8;--calc-progress-bg:#e5e7eb;--calc-progress-fill:#0f172a;--calc-toggle-bg:#0000;--calc-toggle-active-bg:#0f172a;--calc-toggle-active-text:#fff;--calc-page-bg:#fff;--program-disabled-bg:#fff3cd;--program-disabled-border:#3f2d00;--program-disabled-text:#856404;--enrolled-bg:#d4edda;--enrolled-border:#c3e6cb;--enrolled-text:#155724;--enrolled-text-light:#155724}body.dark-mode{--calc-bg:#0f172a;--calc-text:#f9fafb;--calc-text-muted:#cbd5e1;--calc-text-light:#94a3b8;--calc-card-bg:#1e293b;--calc-border:#374151;--calc-border-dark:#f9fafb;--calc-primary:#60a5fa;--calc-primary-light:#60a5fa1a;--calc-shadow:#0003;--calc-shadow-hover:#0000004d;--calc-disabled-bg:#1e293b;--calc-disabled-text:#64748b;--calc-progress-bg:#374151;--calc-progress-fill:#60a5fa;--calc-toggle-bg:#0000;--calc-toggle-active-bg:#3b82f6;--calc-toggle-active-text:#fff;--calc-page-bg:#0f172a;--program-disabled-bg:#332800;--program-disabled-border:#856404;--program-disabled-text:#ffd966;--enrolled-bg:#0f3d1c;--enrolled-border:#1e7e34;--enrolled-text:#75b798;--enrolled-text-light:#75b798}.calc-wrapper{font-family:Space Grotesk,sans-serif;margin:0 auto;max-width:1100px;padding:120px 0 60px;transition:color .3s ease;width:70%}.calc-title,.calc-wrapper{color:#0f172a;color:var(--calc-text)}.calc-title{font-size:40px;font-weight:700;margin-bottom:40px}.calc-title,.program-disabled-message{text-align:center}.disabled-text{margin:0}.enrolled-message{background-color:#d4edda;background-color:var(--enrolled-bg);border:2px solid #c3e6cb;border:2px solid var(--enrolled-border);border-radius:10px;margin-top:1.5rem;padding:1rem 1.5rem;transition:background-color .3s ease,border-color .3s ease}.enrolled-message p{color:#155724;color:var(--enrolled-text);margin:.5rem 0;transition:color .3s ease}.small-text{color:#155724;color:var(--enrolled-text-light);font-size:.9rem;opacity:.9;transition:color .3s ease}.calc-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.calc-box{background:#fff;background:var(--calc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--calc-border);border-radius:18px;padding:28px 24px;text-align:center;transition:all .3s ease}.calc-box:hover{box-shadow:0 12px 30px #0000001f;box-shadow:0 12px 30px var(--calc-shadow-hover);transform:translateY(-4px)}.calc-box-title{color:#475569;color:var(--calc-text-muted);font-size:15px;font-weight:600;margin-bottom:10px}.calc-value{color:#0f172a;color:var(--calc-text);font-size:42px;font-weight:700}.calc-note{color:#64748b;color:var(--calc-text-light);font-size:13px;margin-top:8px}.calc-swag-wrapper{background:#fff;background:var(--calc-bg);padding:50px 0;transition:background .3s ease;width:100%}.calc-swag-section{margin:0 auto;max-width:1400px;width:90%}.calc-swag-title{color:#0f172a;color:var(--calc-text);font-family:Space Grotesk,sans-serif;font-size:38px;font-weight:700;margin-bottom:32px;text-align:center}.calc-swag-grid{display:flex;gap:16px;justify-content:center;overflow-x:auto;padding:0 12px 12px;scroll-snap-type:x mandatory}.calc-swag-card{background:#fff;background:var(--calc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--calc-border);border-radius:18px;display:flex;flex:0 0 auto;flex-direction:column;height:280px;justify-content:space-between;padding:18px;scroll-snap-align:start;text-align:center;transition:all .3s ease;width:220px}.calc-swag-card h3{color:#0f172a;color:var(--calc-text);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.calc-swag-card p{color:#475569;color:var(--calc-text-muted);font-family:Space Grotesk,sans-serif;font-size:14px}.calc-swag-card img{height:150px;object-fit:contain;transition:filter .3s ease,opacity .3s ease;width:100%}.calc-swag-card.inactive img{filter:grayscale(100%);opacity:.35}.calc-swag-card.inactive h3,.calc-swag-card.inactive p{opacity:.5}.calc-swag-card.active{border:2px solid #0f172a;border:2px solid var(--calc-border-dark);box-shadow:0 8px 24px #0000001f;box-shadow:0 8px 24px var(--calc-shadow-hover);transform:scale(1.02)}.calc-swag-card.active img{filter:none;opacity:1}.calc-swag-link{color:inherit;text-decoration:none}.swag-tier-toggle{margin-top:10px;text-align:center}.swag-tier-toggle h2{color:#0f172a;color:var(--calc-text);font-size:38px;font-weight:700;margin-top:-10px}.swag-tier-toggle p{color:#475569;color:var(--calc-text-muted);margin:6px 0 18px}.swag-toggle{background:#0000;background:var(--calc-toggle-bg);border:1px solid #0f172a;border:1px solid var(--calc-border-dark);border-radius:999px;display:inline-flex;overflow:hidden}.swag-toggle button{background:#0000;border:none;color:#0f172a;color:var(--calc-text);cursor:pointer;font-weight:600;padding:10px 26px;transition:all .3s ease}.swag-toggle button:hover{background:#0f172a1a;background:var(--calc-primary-light)}.swag-toggle button.active{background:#0f172a;background:var(--calc-toggle-active-bg);color:#fff;color:var(--calc-toggle-active-text)}.swag-tier-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:40px}.swag-tier-card{background:#fff;background:var(--calc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--calc-border);border-radius:18px;padding:22px;transition:all .3s ease}.swag-tier-card:hover{box-shadow:0 12px 30px #0000001f;box-shadow:0 12px 30px var(--calc-shadow-hover);transform:translateY(-4px)}.swag-tier-card.disabled{background:#f8fafc;background:var(--calc-disabled-bg);opacity:.6;text-align:center}.locked-text{color:#94a3b8;color:var(--calc-disabled-text);font-size:14px;margin-top:20px}.swag-tier-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.swag-tier-head h3{font-size:18px}.swag-tier-head h3,.swag-tier-head span{color:#0f172a;color:var(--calc-text);font-weight:700}.swag-tier-progress{color:#475569;color:var(--calc-text-muted);font-size:13px;margin:10px 0 6px}.swag-tier-bar{background:#e5e7eb;background:var(--calc-progress-bg);border-radius:6px;height:8px;margin-bottom:16px;overflow:hidden}.swag-tier-bar span{background:#0f172a;background:var(--calc-progress-fill);display:block;height:100%;transition:width .5s ease}.swag-tier-card ul{list-style:none;margin:0;padding:0}.swag-tier-card li{align-items:center;color:#0f172a;color:var(--calc-text);display:flex;font-size:14px;gap:10px;justify-content:space-between;margin-bottom:10px;white-space:nowrap}.swag-tier-card li svg{flex-shrink:0}.swag-tier-card li span{align-items:center;display:flex;gap:8px}.swag-tier-card li strong{color:#0f172a;color:var(--calc-text)}@media (max-width:1024px){.calc-wrapper{padding:100px 0 40px;width:90%}.calc-swag-section{width:95%}.calc-swag-title,.calc-title,.swag-tier-toggle h2{font-size:32px}.swag-tier-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.calc-wrapper{padding:90px 0 30px;width:95%}.calc-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.calc-swag-grid{justify-content:flex-start;padding:0 16px 12px}.calc-swag-card{height:260px;width:200px}.calc-swag-card img{height:130px}.swag-tier-grid{gap:20px;grid-template-columns:1fr}}@media (max-width:640px){.calc-wrapper{padding:80px 16px 30px;width:100%}.calc-swag-title,.calc-title,.swag-tier-toggle h2{font-size:28px;margin-bottom:30px}.calc-grid{gap:16px;grid-template-columns:1fr}.calc-box{padding:24px 20px}.calc-value{font-size:36px}.calc-swag-section{padding:0 16px;width:100%}.calc-swag-grid{padding:0 8px 12px}.calc-swag-card{height:240px;padding:16px;width:180px}.calc-swag-card img{height:120px}.swag-toggle button{font-size:14px;padding:10px 20px}.program-disabled-message{margin:1rem 0;padding:1rem}.disabled-text{font-size:1rem}.enrolled-message{padding:.75rem 1rem}}@media (max-width:380px){.calc-swag-title,.calc-title,.swag-tier-toggle h2{font-size:24px}.calc-swag-card{height:220px;width:160px}.calc-swag-card h3{font-size:14px}.calc-swag-card p{font-size:12px}.calc-swag-card img{height:100px}.program-disabled-message{padding:.75rem}.disabled-text{font-size:.9rem}.enrolled-message{padding:.5rem .75rem}.small-text{font-size:.8rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calc-box,.calc-swag-card,.enrolled-message,.program-disabled-message,.swag-tier-card{animation:fadeInUp .5s ease-out forwards;opacity:0}.calc-box:first-child{animation-delay:.1s}.calc-box:nth-child(2){animation-delay:.2s}.calc-box:nth-child(3){animation-delay:.3s}.calc-box:nth-child(4){animation-delay:.4s}.calc-swag-card:first-child{animation-delay:.1s}.calc-swag-card:nth-child(2){animation-delay:.2s}.calc-swag-card:nth-child(3){animation-delay:.3s}.calc-swag-card:nth-child(4){animation-delay:.4s}.calc-swag-card:nth-child(5){animation-delay:.5s}.swag-tier-card:first-child{animation-delay:.1s}.swag-tier-card:nth-child(2){animation-delay:.2s}.swag-tier-card:nth-child(3){animation-delay:.3s}.swag-tier-card:nth-child(4){animation-delay:.4s}.calc-box:focus-within,.calc-swag-card:focus-within,.enrolled-message:focus-within,.program-disabled-message:focus-within,.swag-tier-card:focus-within,.swag-toggle button:focus{outline:2px solid #0f172a;outline:2px solid var(--calc-primary);outline-offset:2px}.calc-swag-card img{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#e5e7eb 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--calc-border) 25%,var(--calc-progress-bg) 50%,var(--calc-border) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.calc-swag-card img.loaded{animation:none;background:none}.hero-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px}.program-disabled-message.inline{flex:1 1;margin-top:0;min-width:300px}.program-disabled-message.inline .disabled-text{font-size:1rem;font-weight:600}.program-disabled-message.inline .disabled-subtext{font-size:.9rem;margin-top:4px}.program-disabled-message{align-items:flex-start;background-color:#fff3cd;background-color:var(--program-disabled-bg);border:2px solid #3f2d00;border:2px solid var(--program-disabled-border);border-radius:10px;display:flex;gap:12px;margin:1.5rem 0;padding:1.5rem;text-align:left;transition:background-color .3s ease,border-color .3s ease}.disabled-icon{align-items:flex-start;display:flex;flex-shrink:0;padding-top:8px}.disabled-icon svg{height:20px;width:20px}.disabled-content{flex:1 1}.disabled-text{font-size:1.1rem;font-weight:500;margin:0 0 8px}.disabled-subtext,.disabled-text{color:#856404;color:var(--program-disabled-text);line-height:1.4;transition:color .3s ease}.disabled-subtext{font-size:.9rem;margin:0;opacity:.9}@media (max-width:1024px){.program-disabled-message{gap:10px;margin:1.25rem 0;padding:1.25rem}.disabled-icon svg{height:18px;width:18px}.disabled-text{font-size:1.05rem;margin-bottom:6px}.disabled-subtext{font-size:.85rem}}@media (max-width:768px){.program-disabled-message{gap:8px;margin:1rem 0;padding:1rem}.disabled-icon{padding-top:7px}.disabled-icon svg{height:16px;width:16px}.disabled-text{font-size:1rem;line-height:1.3;margin-bottom:6px}.disabled-subtext{font-size:.8rem;line-height:1.3}}@media (max-width:640px){.program-disabled-message{gap:6px;margin:.875rem 0;padding:.875rem}.disabled-icon{padding-top:8px}.disabled-icon svg{height:14px;width:14px}.disabled-text{font-size:.95rem;line-height:1.25;margin-bottom:4px}.disabled-subtext{font-size:.75rem;line-height:1.25}}@media (max-width:380px){.program-disabled-message{border-radius:8px;border-width:1px;gap:5px;margin:.75rem 0;padding:.75rem}.disabled-icon{padding-top:7px}.disabled-icon svg{height:12px;width:12px}.disabled-text{font-size:.85rem;line-height:1.2;margin-bottom:3px}.disabled-subtext{font-size:.7rem;line-height:1.2}}@media (max-width:320px){.program-disabled-message{align-items:center;flex-direction:column;gap:6px;text-align:center}.disabled-icon{margin-bottom:4px}.disabled-icon svg{height:14px;width:14px}.disabled-text{font-size:.8rem;margin-bottom:4px}.disabled-subtext{font-size:.65rem}}@media (max-width:768px){.enrolled-message{margin-top:1rem;padding:.875rem 1rem}.enrolled-message p{font-size:.95rem;margin:.4rem 0}.small-text{font-size:.8rem}}@media (max-width:640px){.enrolled-message{margin-top:.875rem;padding:.75rem .875rem}.enrolled-message p{font-size:.9rem;margin:.3rem 0}.small-text{font-size:.75rem}}@media (max-width:380px){.enrolled-message{border-width:1px;margin-top:.75rem;padding:.625rem .75rem}.enrolled-message p{font-size:.8rem;margin:.25rem 0}.small-text{font-size:.7rem}}.credits-wrapper{background:var(--admin-bg);font-family:Inter,sans-serif;min-height:100vh;padding:60px 20px}@media (max-width:768px){.credits-wrapper{padding-top:100px!important}}.video-section{margin-bottom:50px;text-align:center}.video-section h1{color:var(--text-main);font-size:32px;font-weight:700;margin-bottom:10px}.video-section p{color:var(--text-muted);margin-bottom:25px}.video-container{border-radius:12px;box-shadow:0 10px 25px var(--shadow);margin:0 auto;max-width:900px;overflow:hidden}.video-container iframe{height:500px;width:100%}.special-card{background:var(--card-bg);border:1px solid #f1d6b880;border-radius:14px;box-shadow:0 8px 20px var(--shadow);margin:0 auto 60px;max-width:900px;padding:30px}body.dark-mode .special-card{border:1px solid #fbbf244d}.card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.card-header h3{color:var(--text-main);font-size:22px;margin-bottom:8px}.card-header span,.working-badge{color:var(--success);font-weight:600}.working-badge{background:var(--success-light);border-radius:20px;font-size:13px;padding:6px 12px}.link-box{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.link-box input{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;color:var(--text-main);flex:1 1;font-size:14px;padding:12px;transition:.2s}.link-box input:focus{border-color:var(--primary);outline:none}.link-box input::placeholder{color:var(--text-light)}.link-box a{background:var(--warning);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 20px;text-decoration:none;transition:.3s}.link-box a:hover{background:#e86f00;opacity:.9;transform:translateY(-1px)}body.dark-mode .link-box a{background:#f59e0b}body.dark-mode .link-box a:hover{background:#d97706}.benefits-section{text-align:center}.benefits-section h2{color:var(--text-main);font-size:24px;margin-bottom:30px}.benefits-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.benefit-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 16px var(--shadow);min-width:180px;padding:25px 40px;transition:.3s}.benefit-card:hover{box-shadow:0 10px 25px var(--shadow);transform:translateY(-3px)}.benefit-card h3{font-size:28px;margin-bottom:8px}.purple{color:#7c3aed}body.dark-mode .purple{color:#a78bfa}.green{color:var(--success)}.blue{color:var(--primary)}.benefit-card p{color:var(--text-muted);font-size:14px}body.dark-mode .credits-wrapper{background:var(--admin-bg)}body.dark-mode .video-section h1{color:var(--text-main)}body.dark-mode .video-section p{color:var(--text-muted)}body.dark-mode .video-container{box-shadow:0 10px 25px var(--shadow)}body.dark-mode .card-header h3{color:var(--text-main)}body.dark-mode .card-header span{color:var(--success)}body.dark-mode .working-badge{background:var(--success-light);color:var(--success)}body.dark-mode .link-box input{background:var(--bg-main);border-color:var(--border);color:var(--text-main)}body.dark-mode .link-box input:focus{border-color:var(--primary)}body.dark-mode .benefits-section h2{color:var(--text-main)}body.dark-mode .benefit-card{background:var(--card-bg);border-color:var(--border)}body.dark-mode .benefit-card p{color:var(--text-muted)}@media (max-width:768px){.credits-wrapper{padding:40px 15px}.video-section h1{font-size:24px}.video-container iframe{height:250px}.special-card{padding:20px}.card-header{align-items:flex-start;flex-direction:column}.card-header h3{font-size:18px}.link-box{flex-direction:column}.link-box a{text-align:center}.benefit-card{min-width:140px;padding:20px 30px}.benefit-card h3{font-size:22px}}@media (max-width:480px){.video-container iframe{height:200px}.benefits-grid{gap:15px}.benefit-card{min-width:120px;padding:15px 20px}.benefit-card h3{font-size:20px}}.builder-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:40px}.builder-editor{background:#fff;border:1px solid #eee;border-radius:10px;padding:30px}.builder-title{margin-bottom:20px;padding:12px;width:100%}.builder-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.builder-buttons button{background:#0f172a;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:8px 14px}.builder-block{border:1px solid #eee;border-radius:8px;margin-bottom:10px;padding:10px}.builder-block input,.builder-block textarea{margin-top:8px;padding:8px;width:100%}.builder-preview{background:#fff;border:1px solid #eee;border-radius:10px;max-height:85vh;overflow:auto;padding:40px}.builder-preview h1{font-size:36px;margin-bottom:20px}.command-box{background:#0f172a;border-radius:6px;color:#fff;font-family:monospace;margin:15px 0;padding:12px}.builder-preview img{border-radius:8px;margin:10px 0;max-width:100%}*{font-family:Space Grotesk,sans-serif}.solution-wrapper{--bg-main:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#475569;--text-light:#64748b;--primary:#2563eb;--primary-light:#dbeafe;--border:#e5e7eb;--border-dark:#cbd5e1;--code-bg:#f1f5f9;--code-text:#1e293b;--code-border:#cbd5e1;--comment-bg:#f8fafc;--success:#16a34a;--success-light:#dcfce7;--danger:#dc2626;--shadow:#00000014;--action-color:#64748b;--action-active:#0f172a}.solution-wrapper.dark,body.dark-mode .solution-wrapper{--bg-main:#0b0f19;--card-bg:#111827;--text-main:#f9fafb;--text-muted:#9ca3af;--text-light:#6b7280;--primary:#60a5fa;--primary-light:#1e3a5f;--border:#1f2937;--border-dark:#374151;--code-bg:#1e293b;--code-text:#e2e8f0;--code-border:#334155;--comment-bg:#0f172a;--success:#22c55e;--success-light:#14532d;--danger:#f87171;--shadow:#0006;--action-color:#9ca3af;--action-active:#60a5fa}.solution-wrapper{background:#0000;color:var(--text-main);margin:80px auto;width:70%}.solution-title{color:var(--text-main);font-size:42px;font-weight:700;margin-bottom:10px}.solution-subtitle{color:var(--text-muted);font-size:18px;margin-bottom:20px}.solution-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.author-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.author-name{color:var(--text-main);font-weight:600}.author-date{color:var(--text-light);font-size:13px}.solution-actions{border-bottom:1px solid var(--border);border-top:1px solid var(--border);flex-wrap:wrap;gap:22px;margin:20px 0;padding:12px 0 12px 15px}.action,.solution-actions{align-items:center;display:flex}.action{color:var(--action-color);cursor:pointer;font-size:16px;gap:5px;transition:.2s}.action.active svg{stroke:var(--action-active);fill:var(--action-active)}.action.active,.action.active svg{color:var(--action-active)}.action:hover{color:var(--primary);transform:scale(1.1)}.action a{align-items:center;color:var(--action-color);display:flex;gap:5px;text-decoration:none}.action a:hover{color:var(--primary)}.solution-body{color:var(--text-main);font-size:18px;line-height:1.8}.solution-body h2{color:var(--text-main);font-size:28px;margin-top:30px}.solution-body h3{color:var(--text-main);font-size:22px;margin-top:20px}.solution-image{border-radius:8px;display:block;margin:25px auto;max-width:100%;width:60%}.solution-command{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;color:var(--code-text);font-family:Space Grotesk,sans-serif;font-size:15px;line-height:1.6;margin:10px auto;overflow:auto;padding:16px;position:relative;width:90%}.solution-command code{color:var(--code-text);display:block;overflow-x:auto;white-space:pre}.solution-command{-webkit-overflow-scrolling:touch;overflow-x:auto}.solution-command button{align-items:center;background:var(--border);border:none;border-radius:6px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:5px 10px;position:absolute;right:8px;top:8px;transition:.2s}.solution-command button:hover{background:var(--primary);color:#fff}.solution-command button.copied{background:var(--success-light);color:var(--success);font-weight:500}.solution-comments{border-top:1px solid var(--border);margin-top:60px;padding-top:30px}.solution-comments h3{color:var(--text-main);margin-bottom:20px}.comment-box textarea{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-size:14px;margin-bottom:10px;min-height:80px;padding:10px;width:100%}.comment-box textarea:focus{border-color:var(--primary);outline:none}.comment-box button{background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;padding:8px 14px;transition:.2s}.comment-box button:hover{opacity:.85;transform:translateY(-1px)}.comment{border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 0}.comment-avatar-wrapper{flex-shrink:0;height:40px;position:relative;width:40px}.comment-avatar{background:var(--border);border-radius:50%;height:40px;object-fit:cover;width:40px}.comment-avatar-fallback{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.comment-name{color:var(--text-main);font-size:14px;font-weight:600}.comment-date{color:var(--text-light);font-size:12px;margin-bottom:6px}.comment-text{color:var(--text-muted);font-size:15px;line-height:1.6}.comment-delete{color:var(--text-light);cursor:pointer;font-size:18px;transition:.2s}.comment-delete:hover{color:var(--danger)}.markdown-content{color:var(--text-main)}.markdown-content code{border-radius:4px;font-family:monospace;font-size:.9em;padding:2px 6px}.markdown-content code,.markdown-content pre{background:var(--code-bg);color:var(--code-text)}.markdown-content pre{border:1px solid var(--code-border);border-radius:10px;margin:10px 0;overflow-x:auto;padding:12px}.markdown-content pre code{background:#0000;color:var(--code-text);padding:0}.markdown-content p{color:var(--text-main);margin-bottom:16px}.markdown-content a{color:var(--primary);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content ol,.markdown-content ul{color:var(--text-main);margin:10px 0;padding-left:20px}.markdown-content li{margin-bottom:5px}.markdown-content blockquote{background:var(--code-bg);border-left:4px solid var(--primary);color:var(--text-muted);margin:16px 0;padding:8px 16px}.code-block{margin:0;overflow-x:auto;padding-right:40px;white-space:pre}.solution-loading{color:var(--text-muted);font-size:18px;padding:50px;text-align:center}@media (max-width:1024px){.solution-wrapper{width:85%}.solution-title{font-size:36px}.solution-image{width:80%}}@media (max-width:768px){.solution-wrapper{margin:40px auto;width:92%}.solution-title{font-size:28px}.solution-body,.solution-subtitle{font-size:16px}.solution-body h2{font-size:22px}.solution-body h3{font-size:18px}.solution-command,.solution-image{width:100%}.solution-actions{gap:14px}.comment{flex-direction:row}}@media (max-width:480px){.solution-wrapper{padding-top:40px}.solution-title{font-size:24px}.solution-body{font-size:15px}.action{font-size:16px}.solution-command{position:relative}.solution-command button{pointer-events:auto;z-index:20}.solution-command code{pointer-events:none}}@media (max-width:380px){.solution-wrapper{margin:30px auto;width:95%}.solution-title{font-size:22px;margin-bottom:8px}.solution-subtitle{font-size:15px;margin-bottom:15px}.solution-meta{gap:8px}.author-avatar{height:35px;width:35px}.author-name{font-size:14px}.author-date{font-size:12px}.solution-actions{gap:12px;padding:10px 0 10px 10px}.action{font-size:14px;gap:3px}.action svg{height:16px;width:16px}.solution-body{font-size:14px;line-height:1.6}.solution-body h2{font-size:20px;margin-top:25px}.solution-body h3{font-size:17px;margin-top:15px}.solution-image{margin:20px auto}.solution-command{font-size:14px;padding:45px 12px 12px}.solution-command button{font-size:13px;gap:4px;padding:4px 8px;position:absolute;right:6px;top:6px;z-index:10}.solution-comments{margin-top:40px;padding-top:20px}.comment-box textarea{font-size:13px;min-height:70px;padding:8px}.comment-box button{font-size:14px;padding:7px 12px}.comment{gap:8px;padding:12px 0}.comment-avatar,.comment-avatar-wrapper{height:35px;width:35px}.comment-avatar-fallback{font-size:13px;height:35px;width:35px}.comment-name{font-size:13px}.comment-date{font-size:11px;margin-bottom:4px}.comment-text{font-size:14px;line-height:1.5}.comment-delete{font-size:16px}}@media (max-width:320px){.solution-wrapper{margin:20px auto;padding:0 10px;width:100%}.solution-title{font-size:18px}.solution-subtitle{font-size:13px}.solution-meta{gap:6px}.author-avatar{height:30px;width:30px}.solution-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:6px 0 6px 5px}.action{font-size:12px}.action svg{height:12px;width:12px}.solution-body{font-size:12px}.solution-body h2{font-size:16px}.solution-body h3{font-size:14px}.solution-command{font-size:12px;padding:8px;width:100%}.solution-command button{font-size:11px;gap:2px;padding:2px 5px;right:4px;top:4px}.comment{flex-direction:column;gap:5px}.comment-avatar,.comment-avatar-wrapper{height:30px;width:30px}.comment-avatar-fallback{font-size:11px;height:30px;width:30px}.comment-header{align-items:flex-start;flex-direction:column;gap:3px}.comment-name{font-size:11px}.comment-date{font-size:9px}.comment-text{font-size:12px;word-break:break-word}.comment-delete{align-self:flex-end;font-size:14px}}.leaderboard-wrapper{--bg-main:#f9fafb;--card-bg:#fff;--text-main:#111827;--text-muted:#6b7280;--primary:#6d28d9;--border:#e5e7eb;--tag-bg:#0000000f;--expand-bg:#0000000a;--rank1-border:#fcd34d;--rank1-bg:#fffbeb;--rank2-border:#93c5fd;--rank2-bg:#eff6ff;--rank3-border:#fdba74;--rank3-bg:#fff7ed}.dark .leaderboard-wrapper,body.dark .leaderboard-wrapper,body.dark-mode .leaderboard-wrapper,html.dark .leaderboard-wrapper{--bg-main:#0b0f19;--card-bg:#111827;--text-main:#f9fafb;--text-muted:#9ca3af;--primary:#60a5fa;--border:#1f2937;--tag-bg:#020617;--expand-bg:#1f2937;--rank1-border:#fbbf24;--rank1-bg:#fbbf2414;--rank2-border:#60a5fa;--rank2-bg:#60a5fa14;--rank3-border:#f87171;--rank3-bg:#f8717114}.leaderboard{font-family:system-ui,-apple-system,sans-serif;margin:auto;max-width:1100px;padding:120px 0 60px;width:70%}.header-container{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.title{color:var(--text-main)!important;font-size:40px;font-weight:700;margin:0 0 8px}.subtitle,.title{text-align:center}.subtitle{color:var(--text-muted)!important;margin:0}.top3{display:flex;flex-wrap:wrap;gap:36px;justify-content:center;margin-bottom:40px}.card{border-radius:16px;padding:20px;position:relative;text-align:center;transition:transform .2s ease;width:200px}.rank-1{background:var(--rank1-bg)!important;border:2px solid var(--rank1-border)!important;transform:scale(1.08)}.rank-2{background:var(--rank2-bg)!important;border:2px solid var(--rank2-border)!important}.rank-3{background:var(--rank3-bg)!important;border:2px solid var(--rank3-border)!important}.card h3{margin:10px 0 4px}.card h3,.points{color:var(--text-main)!important}.points{font-weight:700}.badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--tag-bg)!important;border:1px solid var(--border)!important;border-radius:20px;color:var(--text-main)!important;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:10px;top:10px}.avatar-img{border-radius:50%;height:70px;margin:10px auto;object-fit:cover;width:70px}.avatar-img.small{height:40px;width:40px}.avatar.initials{align-items:center;background:var(--border)!important;border-radius:50%;color:var(--text-main)!important;display:flex;font-size:20px;font-weight:600;height:70px;justify-content:center;margin:10px auto;width:70px}.avatar.small.initials{font-size:14px;height:40px;width:40px}.list{background:var(--card-bg)!important;border:1px solid var(--border)!important;border-radius:14px;overflow:hidden}.list-title{background:#00000005;color:var(--text-main)!important;font-size:18p;font-weight:600;margin:0;padding:16px}.row{align-items:center;border-bottom:1px solid var(--border)!important;display:flex;padding:12px 16px;transition:background .2s ease}.row:last-child{border-bottom:none!important}.row:hover{background:var(--expand-bg)!important}.left-full{align-items:center;display:flex;gap:16px}.user-text{display:flex;flex-direction:column}.rank{color:var(--primary)!important;font-size:16px;font-weight:700;width:36px}.name{color:var(--text-main)!important;font-size:18px;font-weight:500;margin:0}.points-sub{color:var(--text-muted)!important;font-size:14px}@media (max-width:1024px){.leaderboard{width:85%}}@media (max-width:768px){.leaderboard{padding:100px 0 40px;width:95%}.title{font-size:26px}.card{padding:16px;width:160px}}@media (max-width:480px){.top3{align-items:center;flex-direction:column;gap:20px}.card{width:90%}.rank-1{order:-1;transform:scale(1)}}.your-position{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;margin-top:40px;overflow:hidden}.your-position .list-title{background:var(--card-bg)!important;border-bottom:1px solid var(--border);color:var(--text-main)!important;padding:14px 16px}.your-position .row.highlight{align-items:center;background:#6d28d914;border-radius:0;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.your-position .row.highlight .left-full{align-items:center;display:flex;gap:12px;width:auto}.your-position .avatar-img,.your-position .avatar.small.initials{margin:0}.your-position .user-text{align-items:flex-start;display:flex;flex-direction:column}.you-badge{background:#0000;border:1px solid var(--primary);border-radius:20px;color:var(--primary);font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px}.dark .your-position,body.dark .your-position,body.dark-mode .your-position,html.dark .your-position{background:#0000;border:1px solid var(--primary)}.dark .your-position .list-title,body.dark .your-position .list-title,body.dark-mode .your-position .list-title,html.dark .your-position .list-title{background:#0f172a!important;border-bottom:1px solid var(--primary);color:#fff!important}.dark .your-position .row.highlight,body.dark .your-position .row.highlight,body.dark-mode .your-position .row.highlight,html.dark .your-position .row.highlight{background:#6d28d926;border-top:none}.your-position .row.highlight:hover{background:#6d28d91f!important}.privacy-wrapper{display:flex;justify-content:center;margin-top:50px;padding:0 20px}.privacy-card{background:#ecfeff;border:1px solid #cffafe;border-radius:16px;box-shadow:0 2px 4px #00000005;max-width:800px;padding:24px 32px;transition:all .3s ease;width:100%}.privacy-content{display:flex;flex-direction:column}.privacy-header{align-items:center;color:#0f172a;display:flex;gap:10px;margin-bottom:16px}.privacy-header h3{font-size:20px;font-weight:600;margin:0}.privacy-header svg{color:#06b6d4}.privacy-content p{color:#475569!important;font-size:15px;line-height:1.6;margin-bottom:24px;margin-top:0}.remove-btn{all:unset;align-items:center;background:linear-gradient(90deg,#06b6d4,#0891b2)!important;border-radius:8px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.remove-btn:hover{background:linear-gradient(90deg,#0891b2,#0e7490)!important;transform:translateY(-1px)}.dark .privacy-card,body.dark .privacy-card,body.dark-mode .privacy-card,html.dark .privacy-card{background:#1e293b;border:1px solid #334155}.dark .privacy-header,body.dark .privacy-header,body.dark-mode .privacy-header,html.dark .privacy-header{color:#f8fafc}.dark .privacy-content p,body.dark .privacy-content p,body.dark-mode .privacy-content p,html.dark .privacy-content p{color:#cbd5e1!important}.dark .remove-btn,body.dark .remove-btn,body.dark-mode .remove-btn,html.dark .remove-btn{background:linear-gradient(90deg,#06b6d4,#0891b2)!important}:root{--admin-bg:#f6f8fb;--sidebar-bg:#fff;--sidebar-hover:#f1f5f9;--accent:#0f172a;--text-dark:#0f172a;--text-muted:#64748b;--card-bg:#fff;--border:#e2e8f0;--bg-main:#f8fafc;--text-main:#0f172a;--text-light:#94a3b8;--primary:#2563eb;--primary-light:#2563eb1f;--border-light:#e2e8f0;--tag-bg:#f1f5f9;--expand-bg:#f8fafc;--success:#16a34a;--success-light:#16a34a26;--warning:#f59e0b;--danger:#dc2626;--shadow:#2563eb1f;--page-bg:#fff}body.dark-mode{--bg-main:#0b0f19;--text-main:#f9fafb;--text-muted:#9ca3af;--text-light:#6b7280;--primary:#60a5fa;--primary-light:#60a5fa40;--border:#1f2937;--border-light:#374151;--tag-bg:#020617;--expand-bg:#020617;--success:#22c55e;--success-light:#22c55e40;--warning:#fbbf24;--danger:#f87171;--shadow:#60a5fa40;--page-bg:#0b0f19;--admin-bg:#0b0f19;--sidebar-bg:#111827;--sidebar-hover:#1f2937;--accent:#60a5fa;--text-dark:#f9fafb;--card-bg:#111827}.syll-wrapper.dark{--bg-main:#0b0f19;--card-bg:#111827;--text-main:#f9fafb;--text-muted:#9ca3af;--text-light:#6b7280;--primary:#60a5fa;--primary-light:#60a5fa40;--border:#1f2937;--border-light:#374151;--tag-bg:#020617;--expand-bg:#020617;--success:#22c55e;--success-light:#22c55e40;--warning:#fbbf24;--danger:#f87171;--shadow:#60a5fa40}*{box-sizing:border-box}body{background:#f6f8fb;background:var(--admin-bg);color:#0f172a;color:var(--text-dark);font-family:Inter,sans-serif;margin:0}.admin-dashboard{display:flex;min-height:100vh}.admin-sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;padding:24px 0;position:fixed;top:0;width:260px}.sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:0 20px 24px}.admin-logo{font-size:18px;font-weight:700}.admin-links{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:20px 0}.admin-link{align-items:center;border-radius:10px;color:#64748b;color:var(--text-muted);display:flex;font-size:14.5px;font-weight:500;gap:12px;margin:0 10px;padding:12px 18px;text-decoration:none;transition:.2s}.admin-link:hover{background:#f1f5f9;background:var(--sidebar-hover);color:#0f172a;color:var(--text-dark)}.admin-link.active{background:#eef2ff;color:#0f172a;color:var(--accent);font-weight:600}body.dark-mode .admin-link.active{background:#2563eb1f;background:var(--primary-light);color:#2563eb;color:var(--primary)}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:20px}.admin-logout{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px;width:100%}.admin-logout:hover{background:#fee2e2}body.dark-mode .admin-logout{background:#1f2937;color:#f87171}body.dark-mode .admin-logout:hover{background:#374151}.block-buttons button{margin-right:10px}.admin-content{background:#f6f8fb;background:var(--admin-bg);margin-left:150px;padding:40px;width:calc(100% - 150px)}.admin-wrapper{margin:0 auto;max-width:1200px;width:100%}.admin-page-container{width:100%}.admin-header{margin-bottom:30px}.admin-title{font-size:28px;font-weight:700;margin-bottom:10px}.admin-subtitle{color:#64748b;color:var(--text-muted);font-size:15px}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:flex;gap:16px;padding:22px;transition:.2s}.stat-card:hover{box-shadow:0 4px 8px #0000001a}body.dark-mode .stat-card:hover{box-shadow:0 4px 12px #2563eb1f;box-shadow:0 4px 12px var(--shadow)}.admin-form{grid-gap:14px;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:grid;gap:14px;padding:24px}.admin-form input,.admin-form select,.admin-form textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;font-size:14px;padding:12px}body.dark-mode .admin-form input,body.dark-mode .admin-form select,body.dark-mode .admin-form textarea{background:#fff;background:var(--card-bg);border-color:#e2e8f0;border-color:var(--border-light);color:#0f172a;color:var(--text-main)}.admin-form textarea{min-height:100px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#0f172a;border-color:var(--accent);outline:none}.admin-form button{background:#0f172a;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:14px}.admin-form button:hover{background:#0f172a}body.dark-mode .admin-form button:hover{background:#3b82f6}.admin-list{display:flex;flex-direction:column;gap:12px;margin-top:30px}.admin-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:18px}body.dark-mode .admin-card{background:#fff;background:var(--card-bg);border-color:#e2e8f0;border-color:var(--border)}.admin-actions{display:flex;gap:10px}.admin-actions button{border:none;border-radius:8px;cursor:pointer;padding:8px 14px}.admin-actions .danger{background:#ef4444;color:#fff}body.dark-mode .admin-actions .danger{background:#dc2626}@media (max-width:768px){.admin-dashboard{flex-direction:column}.admin-sidebar{position:relative;width:100%}.admin-links,.admin-sidebar{flex-direction:row}.admin-link span{display:none}.admin-content{margin-left:0;padding:20px;width:100%}}.admin-credit-page{margin:0 auto;max-width:500px}.admin-credit-page h2{font-size:24px;font-weight:700;margin-bottom:20px}.admin-credit-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 10px #0000000a;padding:24px}body.dark-mode .admin-credit-card{background:#fff;background:var(--card-bg);border-color:#e2e8f0;border-color:var(--border);box-shadow:0 4px 10px #2563eb1f;box-shadow:0 4px 10px var(--shadow)}.admin-credit-form{display:flex;flex-direction:column;gap:14px}.admin-credit-form input{border:1px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 14px;transition:.2s}body.dark-mode .admin-credit-form input{background:#fff;background:var(--card-bg);border-color:#e2e8f0;border-color:var(--border);color:#0f172a;color:var(--text-main)}.admin-credit-form input:focus{border-color:#0f172a;outline:none}body.dark-mode .admin-credit-form input:focus{border-color:#2563eb;border-color:var(--primary)}.admin-credit-form button{background:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:13px;transition:.2s}.admin-credit-form button:hover{background:#0f172a}body.dark-mode .admin-credit-form button{background:#2563eb;background:var(--primary)}body.dark-mode .admin-credit-form button:hover{background:#3b82f6}.success-text{color:green;font-size:14px}body.dark-mode .success-text{color:#22c55e}.facilitator-container{max-width:800px;width:100%}.facilitator-title{color:#0f172a;color:var(--text-main);font-size:28px;font-weight:700;margin-bottom:10px}.facilitator-subtitle{color:#64748b;color:var(--text-muted);font-size:15px;margin-bottom:20px}.status-box{border-radius:10px;margin:2rem 0;padding:1.5rem;transition:all .3s ease}.status-enabled{background:#16a34a26;background:var(--success-light);border:2px solid #16a34a;border:2px solid var(--success)}.status-disabled{background:#dc262626;border:2px solid #dc2626;border:2px solid var(--danger)}.status-title{font-size:24px;font-weight:700;margin-bottom:1rem}.status-title-enabled{color:#16a34a;color:var(--success)}.status-title-disabled{color:#dc2626;color:var(--danger)}.status-message{color:#0f172a;color:var(--text-main);font-size:16px}.toggle-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.btn-enable{background:#16a34a;background:var(--success)}.btn-enable:hover{background:#15803d;box-shadow:0 4px 12px #2563eb1f;box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.btn-disable{background:#dc2626;background:var(--danger)}.btn-disable:hover{background:#b91c1c;box-shadow:0 4px 12px #2563eb1f;box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.error-box{background:#dc262626;border:1px solid #dc2626;border:1px solid var(--danger);border-radius:8px;margin-top:1rem;padding:1rem}.error-box,.error-box strong{color:#dc2626;color:var(--danger)}.info-box{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;margin-top:2rem;padding:1rem}.info-box h3{color:#0f172a;color:var(--text-main);font-size:18px;font-weight:600;margin-bottom:12px}.info-box ul{color:#64748b;color:var(--text-muted);padding-left:1.5rem}.info-box li{line-height:1.5;margin-bottom:8px}.loading-text{color:#64748b;color:var(--text-muted);font-size:16px}body.dark-mode .status-enabled{background:#22c55e33}body.dark-mode .status-disabled{background:#f8717126}body.dark-mode .info-box{background:#fff;background:var(--card-bg);border-color:#e2e8f0;border-color:var(--border)}body.dark-mode .info-box h3{color:#0f172a;color:var(--text-main)}body.dark-mode .info-box li{color:#64748b;color:var(--text-muted)}body.dark-mode .error-box{background:#f8717126}body.dark-mode .btn-enable:hover{background:#16a34a}body.dark-mode .btn-disable:hover{background:#dc2626}@media (max-width:768px){.facilitator-container{max-width:100%}.facilitator-title{font-size:24px}.status-title{font-size:20px}.toggle-btn{font-size:14px;padding:10px 20px}}.admin-swags-wrapper{padding:20px}.admin-swags-title{color:var(--text-main);font-size:24px;margin-bottom:20px}.admin-swags-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.admin-swags-form input{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-main);padding:10px}.admin-swags-form input:focus{border-color:var(--primary);outline:none}.admin-swags-form button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;grid-column:span 2;padding:12px;transition:.2s}.admin-swags-form button:hover{background:var(--primary)}.admin-swags-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.admin-swags-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.admin-swags-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.admin-swags-grid{grid-template-columns:1fr}}.admin-swags-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center;transition:.2s}.admin-swags-card:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.admin-swags-card img{height:120px;object-fit:contain;width:100%}.admin-swags-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.admin-swags-tags span{background:var(--tag-bg);border-radius:20px;color:var(--text-muted);font-size:12px;padding:4px 10px}.admin-swags-card button{background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px;transition:.2s}.admin-swags-card button:hover{background:#dc2626;opacity:.9}body.dark-mode .admin-swags-form input{background:var(--card-bg);border-color:var(--border-light)}body.dark-mode .admin-swags-form input::placeholder{color:var(--text-light)}body.dark-mode .admin-swags-tags span{background:var(--tag-bg);color:var(--text-muted)}body.dark-mode .admin-swags-card button{background:var(--danger)}body.dark-mode .admin-swags-card button:hover{background:#ef4444}
/*# sourceMappingURL=main.b764e30a.css.map*/