@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--primary: #e11d48;--primary-light: #fb7185;--secondary: #9333ea;--secondary-light: #c084fc;--accent: #f43f5e;--bg-deep: #030712;--bg-dark: #0f172a;--bg-card: rgba(15, 23, 42, .6);--bg-card-hover: rgba(30, 41, 59, .7);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-dim: #64748b;--border-subtle: rgba(148, 163, 184, .1);--border-glow: rgba(225, 29, 72, .3);--glow-cyan: rgba(225, 29, 72, .15);--glow-purple: rgba(147, 51, 234, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-glow: 0 0 60px -12px rgba(225, 29, 72, .25);--transition: .3s cubic-bezier(.4, 0, .2, 1);--navbar-bg: rgba(3, 7, 18, .85);--scrollbar-track: #030712}[data-theme=light]{--primary: #e11d48;--primary-light: #fb7185;--secondary: #7c3aed;--secondary-light: #a78bfa;--accent: #f43f5e;--bg-deep: #fcfcfd;--bg-dark: #f1f5f9;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .98);--text-primary: #0f172a;--text-secondary: #334155;--text-dim: #64748b;--border-subtle: rgba(15, 23, 42, .1);--border-glow: rgba(225, 29, 72, .2);--glow-cyan: rgba(225, 29, 72, .05);--glow-purple: rgba(124, 58, 237, .05);--shadow-glow: 0 20px 40px -15px rgba(15, 23, 42, .12);--navbar-bg: rgba(252, 252, 253, .85);--scrollbar-track: #f8fafc}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}code,pre{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none;transition:color var(--transition)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:10px}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.glass{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition)}.glass:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.text-gradient{background:linear-gradient(135deg,var(--primary-light),var(--secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 24px #e11d484d}.btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 32px #e11d4866}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-subtle)}.btn-outline:hover{border-color:var(--primary);background:#e11d4814}.btn-glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.btn-glass:hover{background:#ffffff1a;border-color:#fff3}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem}.glow-on-hover{position:relative}.glow-on-hover:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--secondary));z-index:-1;opacity:0;transition:all var(--transition);filter:blur(8px)}.glow-on-hover:hover:after{opacity:.7}.orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;pointer-events:none}.orb-cyan{background:var(--primary)}.orb-purple{background:var(--secondary)}.orb-rose{background:var(--accent)}.section{padding:6rem 0;position:relative}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:540px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-cyan{background:#06b6d41f;color:var(--primary-light);border:1px solid rgba(6,182,212,.2)}.badge-purple{background:#a855f71f;color:var(--secondary-light);border:1px solid rgba(168,85,247,.2)}.badge-rose{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.2)}.input{width:100%;padding:.9rem 1.25rem;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition)}[data-theme=dark] .input{background:#0f172acc}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e11d481a;background:var(--bg-deep)}.input::placeholder{color:var(--text-dim)}textarea.input{resize:vertical;min-height:120px;font-family:inherit}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes typing{0%{width:0}to{width:100%}}.float-anim{animation:float 5s ease-in-out infinite}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}.orb-cyan{background:var(--glow-cyan)}.orb-purple{background:var(--glow-purple)}@media(max-width:768px){.section-title{font-size:2rem}.section{padding:4rem 0}.hide-mobile{display:none!important}}.ad-placeholder{display:none!important}.floating-contact{position:fixed;bottom:2rem;right:2rem;z-index:2000;display:flex;flex-direction:column;align-items:center;gap:1rem}.floating-contact__options{display:flex;flex-direction:column;gap:.85rem;margin-bottom:.5rem}.floating-contact__item{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.floating-contact__item:hover{transform:scale(1.1)}.floating-contact__toggle{width:60px;height:60px;border-radius:50%;background:var(--primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #06b6d466;transition:all .3s ease;position:relative}.floating-contact__toggle.active{background:#334155;box-shadow:0 4px 20px #0000004d;transform:rotate(90deg)}.heartbeat{animation:heartbeat 2s infinite ease-in-out}.heartbeat.active{animation:none}@keyframes heartbeat{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}to{transform:scale(1)}}@media(max-width:768px){.floating-contact{bottom:1.5rem;right:1.5rem}.floating-contact__toggle{width:54px;height:54px}.floating-contact__item{width:44px;height:44px}}.smart-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.smart-loader__content{position:relative;z-index:10;text-align:center;width:100%;max-width:400px;padding:2rem}.smart-loader__logo{margin-bottom:3rem}.smart-loader__track{width:100%;height:4px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden;margin-bottom:1.5rem}.smart-loader__bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));box-shadow:0 0 15px var(--primary)}.smart-loader__text{font-size:.9rem;color:var(--text-dim);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.page-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:9999;box-shadow:0 0 10px #06b6d480;pointer-events:none}@media(max-width:768px){.smart-loader__logo span{font-size:2rem!important}}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#030712a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem}.auth-modal-card{position:relative;width:100%;max-width:440px;max-height:92vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.25rem 2.25rem 1.75rem;box-shadow:0 20px 50px #0006,0 0 40px #5755d914;display:flex;flex-direction:column;scrollbar-width:thin}.auth-modal-card::-webkit-scrollbar{width:4px}.auth-modal-card::-webkit-scrollbar-track{background:transparent}.auth-modal-card::-webkit-scrollbar-thumb{background:#5755d940;border-radius:99px}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);cursor:pointer;transition:all .2s ease}.auth-modal-close:hover{color:var(--text-primary);background:#5755d91a;border-color:#5755d966;transform:rotate(90deg)}.auth-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.auth-logo{height:38px;width:auto;object-fit:contain;margin-bottom:.85rem}.auth-header h3{font-size:1.45rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.25rem}.auth-header p{font-size:.85rem;color:var(--text-dim)}.auth-tabs{display:flex;margin-bottom:1.5rem;background:#ffffff05;border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-subtle)}.auth-tab{flex:1;padding:.65rem;font-size:.9rem;font-weight:600;color:var(--text-dim);background:transparent;border:none;border-radius:calc(var(--radius-md) - 3px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-tab.active{background:#5755d9;color:#fff;box-shadow:0 4px 12px #5755d94d}.auth-tab:hover:not(.active){color:var(--text-secondary);background:#ffffff08}.auth-error{display:flex;align-items:flex-start;gap:.5rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171;padding:.75rem .95rem;border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.82rem;line-height:1.4}.auth-error svg{flex-shrink:0;margin-top:2px}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{position:relative;display:flex;align-items:center;width:100%}.auth-field-icon{position:absolute;left:.95rem;color:var(--text-dim);pointer-events:none;transition:color .2s ease}.auth-field input{width:100%;padding:.8rem 1rem .8rem 2.65rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff04;color:var(--text-primary);font-size:.92rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-field input::placeholder{color:var(--text-dim)}.auth-field input:focus{outline:none;border-color:#5755d9;background:#ffffff08;box-shadow:0 0 0 3px #5755d926}.auth-field input:focus+.auth-field-icon{color:#5755d9}.auth-eye-btn{position:absolute;right:.85rem;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.auth-eye-btn:hover{color:var(--text-secondary)}.auth-field.phone-field{display:flex;align-items:stretch}.country-selector{position:absolute;left:3px;top:3px;bottom:3px;display:flex;align-items:center;gap:.35rem;background:#ffffff0a;border-right:1px solid var(--border-subtle);border-radius:calc(var(--radius-md) - 3px) 0 0 calc(var(--radius-md) - 3px);padding:0 .65rem;pointer-events:none}.flag-emoji{font-size:1.1rem;line-height:1}.country-code{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.auth-field.phone-field input{padding-left:5rem}.auth-action-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;margin-top:-.25rem;margin-bottom:.25rem}.auth-remember{display:flex;align-items:center;gap:.45rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-remember input[type=checkbox],.auth-marketing-checkbox input[type=checkbox]{accent-color:#5755d9;width:14px;height:14px;cursor:pointer}.auth-forgot-link{background:none;border:none;color:#5755d9;font-weight:600;cursor:pointer;padding:0;transition:opacity .2s ease}.auth-forgot-link:hover{text-decoration:underline;opacity:.9}.auth-marketing-checkbox{display:flex;align-items:flex-start;gap:.55rem;color:var(--text-secondary);font-size:.82rem;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.4;margin-top:.15rem}.auth-marketing-checkbox input{margin-top:3px}.auth-marketing-checkbox span{color:var(--text-dim)}.auth-submit-btn{width:100%;padding:.85rem;border:none;border-radius:var(--radius-md);background:#5755d9;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #5755d940;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){background:#4745c4;transform:translateY(-1px);box-shadow:0 6px 20px #5755d959}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.auth-divider{display:flex;align-items:center;margin:1.35rem 0;gap:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-divider span{color:var(--text-dim);font-size:.78rem;font-weight:500;text-transform:lowercase}.auth-toggle-text{text-align:center;margin-bottom:.75rem;font-size:.85rem;color:var(--text-secondary)}.auth-link-btn{background:none;border:none;color:#5755d9;font-weight:700;cursor:pointer;padding:0;font-size:.85rem;transition:opacity .2s ease}.auth-link-btn:hover{text-decoration:underline;opacity:.95}.auth-terms-text{text-align:center;font-size:.75rem;color:var(--text-dim);line-height:1.4;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.25rem}.auth-terms-text .auth-link{color:var(--text-secondary);font-weight:500;text-decoration:underline}.auth-terms-text .auth-link:hover{color:#5755d9}.auth-support-footer{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;font-size:.72rem;color:var(--text-dim);background:#5755d908;border:1px dashed rgba(87,85,217,.15);border-radius:var(--radius-sm);padding:.6rem .75rem}.auth-support-title{font-weight:600;color:var(--text-secondary)}.auth-support-emails{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem}.auth-support-emails a{color:#5755d9;font-weight:600;text-decoration:underline;transition:opacity .2s ease}.auth-support-emails a:hover{opacity:.8}.auth-support-separator{color:var(--text-dim);margin-right:.15rem}@media(max-width:480px){.auth-modal-card{padding:1.75rem 1.5rem 1.5rem;max-width:100%;max-height:95vh}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.25rem 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar--scrolled{padding:.75rem 0;background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.theme-toggle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border-subtle);color:var(--text-secondary);transition:all var(--transition);border:1px solid transparent;cursor:pointer}.theme-toggle:hover{color:var(--primary);border-color:var(--border-glow);background:var(--bg-card-hover)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:800;color:var(--text-primary)}.navbar__logo-img{height:40px;width:auto;object-fit:contain}.navbar__links{display:flex;gap:2rem}.navbar__link{font-size:.9rem;font-weight:500;color:var(--text-secondary);position:relative;padding:.25rem 0;transition:color var(--transition)}.navbar__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width var(--transition)}.navbar__link:hover,.navbar__link--active{color:var(--text-primary)}.navbar__link:hover:after,.navbar__link--active:after{width:100%}.navbar__actions{display:flex;align-items:center;gap:1rem}.navbar__social{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border-subtle);color:var(--text-secondary);transition:all var(--transition);border:1px solid transparent}.navbar__social:hover{color:var(--primary);border-color:var(--border-glow);background:var(--bg-card-hover)}.navbar__social[aria-label=Instagram]:hover{color:#e4405f;border-color:#e4405f33;background:#e4405f14}.navbar__social[aria-label=Facebook]:hover{color:#1877f2;border-color:#1877f233;background:#1877f214}.navbar__social[aria-label=LinkedIn]:hover{color:#0077b5;border-color:#0077b533;background:#0077b514}.navbar__toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.25rem}.navbar__mobile{overflow:hidden;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding:1rem 1.5rem}.navbar__mobile-link{display:block;padding:.75rem 0;font-size:1.05rem;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);transition:color var(--transition)}.navbar__mobile-link:hover{color:var(--primary-light)}@media(max-width:768px){.navbar__toggle{display:block}}.footer{margin-top:6rem;padding:4rem 0 2rem;background:var(--bg-dark);border-top:1px solid var(--border-subtle)}[data-theme=dark] .footer{background:linear-gradient(180deg,transparent,rgba(15,23,42,.5))}.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem}.footer__brand{max-width:320px}.footer__desc{color:var(--text-dim);font-size:.9rem;line-height:1.6;margin-bottom:1.25rem}.footer__socials{display:flex;gap:.75rem}.footer__social-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition)}.footer__social-link:hover{color:var(--primary-light);border-color:var(--border-glow);background:var(--bg-card-hover)}.footer__social-link[aria-label=Instagram]:hover{color:#e4405f;border-color:#e4405f;background:#e4405f14}.footer__social-link[aria-label=Facebook]:hover{color:#1877f2;border-color:#1877f2;background:#1877f214}.footer__social-link[aria-label=LinkedIn]:hover{color:#0077b5;border-color:#0077b5;background:#0077b514}.footer__heading{font-size:.95rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.footer__list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer__list li,.footer__list a{font-size:.88rem;color:var(--text-dim);transition:color var(--transition)}.footer__list a:hover{color:var(--primary-light)}.footer__bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle);text-align:center;font-size:.8rem;color:var(--text-dim)}@media(max-width:768px){.footer__grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}.navbar__login-link{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition);cursor:pointer;text-decoration:none}.navbar__login-link:hover{color:var(--primary-light)}.navbar__user-menu{display:flex;align-items:center;gap:1rem}.navbar__user-profile{display:flex;align-items:center;gap:.5rem}.navbar__user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;border:1px solid rgba(255,255,255,.1)}.navbar__user-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.logout-btn{border-color:#ffffff1a!important;background:#ffffff0d!important;color:var(--text-secondary)!important}.logout-btn:hover{background:#ef44441a!important;color:#ef4444!important;border-color:#ef444433!important}.navbar__mobile-auth{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 0 .5rem}.hero-holo{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 0 6rem;overflow:hidden;perspective:1000px}.hero-holo__aurora{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 20% 30%,rgba(168,85,247,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(225,29,72,.1) 0%,transparent 50%);filter:blur(60px);z-index:0;animation:aurora-flow 15s ease-in-out infinite alternate}@keyframes aurora-flow{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(.9) rotate(-5deg)}}.hero-holo__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);z-index:0}.hero-holo__inner{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%}.hero-holo__content{text-align:center;max-width:800px;position:relative;z-index:10}.hero-holo__badge-wrapper{margin-bottom:2.5rem}.holo-badge{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:100px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;font-size:.9rem;color:var(--text-secondary);overflow:hidden;box-shadow:0 10px 30px #0003}.holo-badge__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(6,182,212,.2),transparent);animation:shine 3s infinite linear}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-holo__title{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1.05;margin-bottom:2rem;letter-spacing:-.03em;color:var(--text-primary);text-transform:capitalize}.animated-gradient-text{background:linear-gradient(to right,#06b6d4,#a855f7,#ec4899,#06b6d4);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradient-text-flow 4s linear infinite}@keyframes gradient-text-flow{to{background-position:200% center}}.hero-holo__subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;line-height:1.6}.hero-holo__cta{display:flex;justify-content:center;gap:1.5rem;margin-bottom:4rem;flex-wrap:wrap}.btn-holo{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:600;font-size:1.1rem;overflow:hidden;transition:all .3s ease;cursor:pointer;text-decoration:none}.btn-holo--primary{background:transparent;color:#fff;border:1px solid rgba(6,182,212,.3);box-shadow:0 0 20px #06b6d433}.btn-holo__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#06b6d4,#3b82f6);opacity:.8;transition:opacity .3s ease;z-index:1}.btn-holo--primary:hover .btn-holo__bg{opacity:1}.btn-holo__content{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem}.btn-holo--glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.btn-holo--glass:hover{background:#ffffff1a;transform:translateY(-2px)}.hero-holo__social{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-stack{display:flex;align-items:center;justify-content:center}.avatar-holographic{width:48px;height:48px;border-radius:50%;border:2px solid rgba(15,23,42,.8);margin-left:-15px;box-shadow:0 4px 15px #00000080;transition:transform .3s ease}.avatar-holographic:first-child{margin-left:0}.avatar-holographic:hover{transform:translateY(-5px);z-index:20!important}.social-text-holo{font-size:.95rem;color:var(--text-dim)}.highlight-text{color:var(--text-primary);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.holo-card{position:absolute;background:#0f172a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a;z-index:5}.holo-card.top-left{top:15%;left:5%;max-width:320px}.holo-card.bottom-right{bottom:20%;right:5%}.holo-card__header{display:flex;gap:6px;margin-bottom:1rem}.holo-card__header .dot{width:10px;height:10px;border-radius:50%}.holo-card__header .red{background:#ef4444}.holo-card__header .yellow{background:#f59e0b}.holo-card__header .green{background:#22c55e}.holo-card__code{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6;color:#e2e8f0}.holo-card__code .keyword{color:#c084fc}.holo-card__code .variable{color:#38bdf8}.holo-card__code .string{color:#a3e635}.holo-card__code .function{color:#facc15}.holo-card__tech{display:flex;align-items:center;gap:1rem;background:#0003;padding:.75rem 1.25rem;border-radius:8px}.font-mono{font-family:JetBrains Mono,monospace;font-size:.9rem}.treadmill-wrapper{position:relative;width:100%;padding:4rem 0;overflow:hidden;background:var(--bg-dark);perspective:1200px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.treadmill-fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,var(--bg-dark) 0%,transparent 20%,transparent 80%,var(--bg-dark) 100%)}.treadmill-track{display:flex;gap:4rem;width:max-content;transform:rotateX(25deg);animation:treadmill 30s linear infinite;transform-style:preserve-3d}@keyframes treadmill{to{transform:rotateX(25deg) translate(-33.33%)}}.treadmill-item{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--text-secondary);opacity:.6;transition:all .4s ease;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5))}.treadmill-item:hover{opacity:1;transform:translateZ(20px) scale(1.1);color:var(--text-primary);filter:drop-shadow(0 0 20px rgba(6,182,212,.4))}.neural-section{position:relative;padding:8rem 0;overflow:hidden}.neural-bg-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;z-index:0}[data-theme=light] .neural-bg-particles{background-image:radial-gradient(circle,rgba(0,0,0,.03) 1px,transparent 1px)}.neural-timeline{position:relative;max-width:1000px;margin:0 auto;padding:2rem 0;z-index:2}.neural-timeline__line{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#ffffff0d;transform:translate(-50%);border-radius:4px;z-index:0}.neural-timeline__line-glow{position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,#06b6d4,#a855f7,#ec4899,transparent);animation:pulse-down 4s linear infinite;border-radius:4px;box-shadow:0 0 20px #a855f780}@keyframes pulse-down{0%{top:-150px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.neural-nodes{position:relative;z-index:2;display:flex;flex-direction:column}.neural-node-wrapper{position:relative;width:100%;display:flex;margin-bottom:4rem}.neural-node-wrapper:last-child{margin-bottom:0}.neural-node-wrapper--left{justify-content:flex-start}.neural-node-wrapper--right{justify-content:flex-end}.neural-card-container{width:calc(50% - 40px)}.neural-node-point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:var(--bg-dark);z-index:3}.neural-card{position:relative;width:100%;max-width:400px;border-radius:var(--radius-2xl);background:#0f172a66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);padding:2.5rem;z-index:5;transform-style:preserve-3d;box-shadow:0 20px 40px -10px #00000080}.neural-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s;border-radius:inherit;pointer-events:none}.neural-card:hover .neural-card__glow{opacity:1}.neural-card__content{position:relative;z-index:2;transform:translateZ(30px)}.neural-icon-wrapper{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:inset 0 0 20px #ffffff1a}.neural-card h3{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.neural-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}[data-theme=light] .neural-card{background:#fff9;border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 40px -10px #0000001a}[data-theme=light] .neural-card__glow{background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(0,0,0,.05) 0%,transparent 50%)}[data-theme=light] .neural-node-point{background:#fff}[data-theme=light] .neural-timeline__line{background:#0000000d}[data-theme=light] .planet-orb{background:radial-gradient(circle at 30% 30%,#ffffffe6,#f1f5f966 80%);box-shadow:inset 10px 10px 30px #fff,inset -10px -10px 30px #0000001a,0 20px 40px #0000001a}[data-theme=light] .planet-data{color:#0f172a;text-shadow:none}[data-theme=light] .planet-data p{color:#64748b}[data-theme=light] .planet-ring-1{border-color:#a855f733;border-top-color:#a855f799;box-shadow:none}[data-theme=light] .planet-ring-2{border-color:#06b6d433;border-bottom-color:#06b6d499;box-shadow:none}.stats-planet{padding:6rem 0;overflow:hidden;position:relative}.stats-planet__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}.planet-container{position:relative;width:200px;height:200px;margin:0 auto;perspective:1000px;display:flex;align-items:center;justify-content:center}.planet-orb{position:relative;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff3,#0f172acc 80%);box-shadow:inset 10px 10px 30px #fff3,inset -10px -10px 30px #06b6d480,0 20px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;animation:float-orb 6s ease-in-out infinite}.planet-container:nth-child(2n) .planet-orb{animation-delay:-3s}@keyframes float-orb{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.planet-orb:after{content:"";position:absolute;top:5%;left:15%;width:70%;height:30%;border-radius:50%;background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent);transform:rotate(-15deg);pointer-events:none}.planet-data{text-align:center;color:#fff;z-index:10;text-shadow:0 0 10px rgba(6,182,212,.8)}.planet-icon{color:#06b6d4;margin-bottom:5px}.planet-data h3{font-size:2rem;font-weight:900;line-height:1;margin:0}.planet-data p{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;margin-top:5px;color:#fffc}.planet-ring-1,.planet-ring-2{position:absolute;top:50%;left:50%;border-radius:50%;transform-style:preserve-3d;z-index:1}.planet-ring-1{width:220px;height:220px;margin-left:-110px;margin-top:-110px;border:1px solid rgba(168,85,247,.3);border-top:2px solid rgba(168,85,247,.8);box-shadow:0 0 15px #a855f766;animation:orbit 10s linear infinite}.planet-ring-2{width:260px;height:260px;margin-left:-130px;margin-top:-130px;border:1px solid rgba(6,182,212,.2);border-bottom:2px solid rgba(6,182,212,.8);box-shadow:0 0 15px #06b6d466;animation:orbit 15s linear infinite reverse}@keyframes orbit{0%{transform:rotateX(70deg) rotateY(-20deg) rotate(0)}to{transform:rotateX(70deg) rotateY(-20deg) rotate(360deg)}}.academy-section{padding:8rem 0;position:relative;overflow:hidden}.academy-console{display:flex;background:#0f172a66;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 30px 60px -15px #00000080,inset 0 0 0 1px #ffffff0d;min-height:500px;position:relative}.academy-console:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,transparent,rgba(6,182,212,.05) 50%,transparent);animation:radar-scan 6s linear infinite;pointer-events:none;z-index:10}@keyframes radar-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.academy-console__nav{width:35%;background:#0000004d;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:2rem 0;z-index:2}.academy-nav-item{position:relative;padding:1.25rem 2rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:.3s;color:var(--text-secondary)}.academy-nav-item:hover{color:#fff;background:#ffffff05}.academy-nav-item.active{color:#06b6d4;background:linear-gradient(90deg,rgba(6,182,212,.1),transparent)}.academy-nav-item__index{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;opacity:.5}.academy-nav-item.active .academy-nav-item__index{opacity:1}.academy-nav-item__title{font-size:1.1rem;font-weight:700}.academy-nav-item__scanline{position:absolute;left:0;top:0;bottom:0;width:4px;background:#06b6d4;box-shadow:0 0 15px #06b6d4;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.5}}.academy-nav__footer{margin-top:auto;padding:0 2rem}.btn-text-holo{display:inline-flex;align-items:center;gap:.5rem;color:#a855f7;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;text-decoration:none;transition:.3s}.btn-text-holo:hover{color:#d8b4fe;gap:.75rem}.academy-console__display{width:65%;position:relative}.academy-display__inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:4rem;animation:console-fade-in .5s ease-out}@keyframes console-fade-in{0%{opacity:0;transform:scale(.98) translate(20px);filter:blur(10px)}to{opacity:1;transform:scale(1) translate(0);filter:blur(0)}}.academy-display__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.academy-display__bg img{width:100%;height:100%;object-fit:cover;transition:transform 10s ease;transform:scale(1.05)}.academy-display__inner:hover .academy-display__bg img{transform:scale(1.1)}.academy-display__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(15,23,42,1) 0%,rgba(15,23,42,.6) 50%,transparent 100%),linear-gradient(to top,rgba(15,23,42,1) 0%,transparent 70%)}.academy-display__content{position:relative;z-index:2;max-width:500px}.academy-badge{display:inline-flex;align-items:center;gap:6px;background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4);padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.academy-display__title{font-size:3rem;font-weight:900;line-height:1.1;margin-bottom:1rem;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5)}.academy-display__desc{font-size:1.1rem;color:#fffc;line-height:1.6;margin-bottom:2rem}.academy-display__meta{display:flex;gap:3rem;margin-bottom:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.meta-value{font-size:1.25rem;font-weight:800;color:#06b6d4}[data-theme=light] .academy-console{background:#ffffffb3;border:1px solid rgba(0,0,0,.1);box-shadow:0 30px 60px -15px #0000001a}[data-theme=light] .academy-console__nav{background:#ffffff80;border-right-color:#0000001a}[data-theme=light] .academy-nav-item{color:#64748b}[data-theme=light] .academy-nav-item:hover{color:#0f172a;background:#00000005}[data-theme=light] .academy-nav-item.active{color:#0ea5e9;background:linear-gradient(90deg,rgba(14,165,233,.05),transparent)}[data-theme=light] .academy-display__overlay{background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 60%,transparent 100%),linear-gradient(to top,rgba(255,255,255,1) 0%,transparent 70%)}[data-theme=light] .academy-display__title{color:#0f172a;text-shadow:none}[data-theme=light] .academy-display__desc{color:#475569}[data-theme=light] .meta-label{color:#94a3b8}[data-theme=light] .academy-display__meta{border-top-color:#0000001a}.datapad-section{padding:6rem 0}.latest-posts__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}.datapad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.memory-core-card{position:relative;display:flex;flex-direction:column;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);border-bottom:2px solid #06b6d4;text-decoration:none;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.memory-core-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.1);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);pointer-events:none;z-index:10}.memory-core-card:hover{transform:translateY(-10px);border-bottom-color:#ec4899}.memory-core__image-wrapper{position:relative;height:200px;overflow:hidden}.memory-core__img{width:100%;height:100%;object-fit:cover;filter:grayscale(80%) contrast(1.2);transition:all .5s ease}.memory-core-card:hover .memory-core__img{filter:grayscale(0%) contrast(1);transform:scale(1.1)}.memory-core__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(15,23,42,1));opacity:.8;transition:.3s}.memory-core-card:hover .memory-core__overlay{opacity:.5}.memory-core__badge{position:absolute;top:15px;left:15px;background:#ec489933;color:#ec4899;border:1px solid rgba(236,72,153,.5);font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.memory-core__content{padding:1.5rem;flex:1;display:flex;flex-direction:column;position:relative}.memory-core__content:before{content:"01 10 11 00";position:absolute;right:-25px;top:30px;transform:rotate(90deg);font-family:JetBrains Mono,monospace;font-size:.5rem;color:#06b6d44d;letter-spacing:4px}.memory-core__meta{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#06b6d4;margin-bottom:.75rem;display:flex;align-items:center;gap:6px}.memory-core__title{font-size:1.25rem;font-weight:800;line-height:1.4;color:var(--text-primary);margin-bottom:1.5rem;transition:color .3s}.memory-core-card:hover .memory-core__title{color:#fff}.memory-core__footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.memory-core__decrypt{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;color:#a855f7;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:1px;transition:.3s}.memory-core-card:hover .memory-core__decrypt{color:#06b6d4;gap:10px}.memory-core__barcode{width:40px;height:15px;background-image:repeating-linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 2px,transparent 2px,transparent 4px,rgba(255,255,255,.2) 4px,rgba(255,255,255,.2) 5px,transparent 5px,transparent 8px)}.memory-core-card:hover .memory-core__barcode{background-image:repeating-linear-gradient(to right,rgba(6,182,212,.5) 0,rgba(6,182,212,.5) 2px,transparent 2px,transparent 4px,rgba(6,182,212,.5) 4px,rgba(6,182,212,.5) 5px,transparent 5px,transparent 8px)}.reactor-section{padding:8rem 0;overflow:hidden}.reactor-core{position:relative;max-width:900px;margin:0 auto;padding:5rem 2rem;text-align:center;border-radius:40px;overflow:hidden;background:radial-gradient(circle at center,#0f172ae6,#000);border:1px solid rgba(255,255,255,.05);box-shadow:0 0 100px #000c}.reactor-core__swirl{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent,rgba(6,182,212,.1),rgba(168,85,247,.2),transparent);animation:spin 10s linear infinite;filter:blur(30px)}.reactor-core__particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:40px 40px;opacity:.05}.reactor-core__content{position:relative;z-index:2}.reactor-title{font-size:3rem;font-weight:900;margin-bottom:1rem}.reactor-subtitle{font-size:1.15rem;color:var(--text-secondary);margin:0 auto 3rem;max-width:500px}.btn-reactor{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:1.25rem 2.5rem;border-radius:100px;font-weight:700;font-size:1.1rem;color:#fff;background:#000;overflow:hidden;text-decoration:none;border:1px solid rgba(6,182,212,.5);box-shadow:0 0 20px #06b6d433;transition:.3s}.btn-reactor:hover{box-shadow:0 0 40px #a855f780;border-color:#a855f7cc}.btn-reactor__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#06b6d4,#a855f7);opacity:0;transition:.3s}.btn-reactor:hover .btn-reactor__glow{opacity:.3}.btn-reactor__text{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem}[data-theme=light] .hero-holo__grid{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}[data-theme=light] .holo-badge{background:#fffc;border:1px solid rgba(0,0,0,.1);color:var(--text-primary);box-shadow:0 10px 30px #0000000d}[data-theme=light] .holo-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.08);box-shadow:0 25px 50px -12px #0000001a,inset 0 1px #ffffff80}[data-theme=light] .holo-card__code{color:#334155}[data-theme=light] .holo-card__tech{background:#0000000d}[data-theme=light] .btn-holo--glass{background:#0000000d;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .btn-holo--glass:hover{background:#0000001a}[data-theme=light] .avatar-holographic{border-color:#fffc}[data-theme=light] .memory-core-card{background:#fffc;box-shadow:0 20px 40px #0000000d}[data-theme=light] .memory-core-card:before{border-color:#0000001a}[data-theme=light] .memory-core__overlay{background:linear-gradient(to bottom,transparent,rgba(255,255,255,1))}[data-theme=light] .memory-core__content:before{color:#06b6d480}[data-theme=light] .memory-core-card:hover .memory-core__title{color:#0f172a}[data-theme=light] .memory-core__barcode{background-image:repeating-linear-gradient(to right,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 2px,transparent 2px,transparent 4px,rgba(0,0,0,.2) 4px,rgba(0,0,0,.2) 5px,transparent 5px,transparent 8px)}[data-theme=light] .reactor-core{background:radial-gradient(circle at center,#f1f5f9e6,#e2e8f0);border:1px solid rgba(0,0,0,.05);box-shadow:0 0 50px #0000001a}[data-theme=light] .reactor-core__particles{background-image:radial-gradient(circle,#000 1px,transparent 1px)}[data-theme=light] .reactor-title{color:#0f172a}[data-theme=light] .btn-reactor{background:#fff;color:#0f172a;border:1px solid rgba(6,182,212,.3)}[data-theme=light] .btn-reactor:hover{background:#f8fafc}[data-theme=light] .highlight-text{text-shadow:0 0 10px rgba(0,0,0,.1)}@media(max-width:1024px){.hero-holo__inner{flex-direction:column}.holo-card.top-left{top:5%;left:0%;max-width:250px;transform:scale(.8)}.holo-card.bottom-right{bottom:5%;right:0%;transform:scale(.8)}.stats-planet__grid{grid-template-columns:repeat(2,1fr);gap:3rem}.datapad-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-holo{padding:6rem 1rem 3rem;min-height:auto}.hero-holo__title{font-size:2.8rem}.holo-card{display:none}.hero-holo__cta{flex-direction:column;align-items:stretch;max-width:320px;margin:0 auto}.btn-holo{width:100%}.neural-timeline__line,.neural-node-point{left:20px}.neural-node-wrapper{justify-content:flex-end}.neural-card-container{width:calc(100% - 50px)}.academy-console{flex-direction:column}.academy-console__nav{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.academy-console__display{width:100%}.academy-display__inner{padding:2rem}.academy-display__title{font-size:2rem}.academy-display__meta{gap:1.5rem;flex-wrap:wrap}.datapad-grid{grid-template-columns:1fr}.reactor-title{font-size:2.2rem}}@media(max-width:640px){.stats-planet__grid{grid-template-columns:1fr}.latest-posts__header{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:480px){.hero-holo__title{font-size:2.2rem}.hero-holo__subtitle{font-size:1rem}.container{padding:0 1.25rem}}.blog-page{padding:9rem 0 6rem;position:relative;overflow:hidden;min-height:100vh}.blog-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem}.blog-header__title{font-size:3.5rem;font-weight:800;margin-bottom:1.25rem;letter-spacing:-.02em}.blog-header__subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:600px;line-height:1.6}.blog-toolbar{margin-top:2rem;width:100%;max-width:1000px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;padding:.6rem;border-radius:var(--radius-full);gap:1rem}.blog-toolbar__search{position:relative;flex:1;display:flex;align-items:center}.blog-toolbar__icon{position:absolute;left:1.25rem;color:var(--text-dim)}.blog-toolbar__search input{width:100%;background:#ffffff08;border:none;padding:.85rem 1rem .85rem 3rem;border-radius:var(--radius-full);color:var(--text-primary);font-size:.95rem;transition:all var(--transition);border:1px solid transparent}.blog-toolbar__search input:focus{background:#ffffff0f;border-color:var(--primary-light);outline:none;box-shadow:0 0 20px #06b6d426}.blog-toolbar__filters{display:flex;gap:.5rem;overflow-x:auto;padding-right:1rem;scrollbar-width:none}.blog-toolbar__filters::-webkit-scrollbar{display:none}.blog-toolbar__filter{white-space:nowrap;padding:.65rem 1.25rem;border-radius:var(--radius-full);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.blog-toolbar__filter:hover{color:var(--text-primary);border-color:var(--text-dim)}.blog-toolbar__filter.is-active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px #06b6d44d}.blog-layout{max-width:1200px;margin:3rem auto 0;display:flex;flex-direction:column;gap:2rem}.blog-content-wrapper{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start}.ad-leaderboard{width:100%;height:90px;margin-bottom:1rem}.ad-sidebar{width:100%;height:250px;margin-top:1rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.premium-card{position:relative;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);background:#0f172a99;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.premium-card:hover{transform:translateY(-8px);border-color:#06b6d44d;box-shadow:0 20px 40px #0006,0 0 20px #06b6d41a}.premium-card__inner{text-decoration:none;display:block;height:100%;display:flex;flex-direction:column}.premium-card__img-wrapper{position:relative;height:220px;overflow:hidden}.premium-card__img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.premium-card:hover .premium-card__img{transform:scale(1.08)}.premium-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,23,42,1),transparent);opacity:.8}.premium-badge{position:absolute;top:1rem;right:1rem;z-index:4;background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.premium-card__body{padding:1.75rem;position:relative;z-index:5;flex:1;display:flex;flex-direction:column}.premium-card__meta{font-size:.8rem;color:var(--primary);display:flex;gap:1rem;margin-bottom:.75rem;font-weight:600}.premium-card__meta span{display:flex;align-items:center;gap:4px}.premium-card__title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;transition:color .3s}.premium-card:hover .premium-card__title{color:#06b6d4}.premium-card__excerpt{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex:1}.premium-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:1.25rem}.premium-card__read{font-size:.9rem;font-weight:700;color:var(--text-dim);display:flex;align-items:center;gap:6px;transition:.3s}.premium-card:hover .premium-card__read{color:#06b6d4;gap:10px}.blog-sidebar{display:flex;flex-direction:column;gap:2rem}.widget-categories{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .3s ease}.category-tag:hover{background:#06b6d41a;color:var(--text-primary);border-color:#06b6d44d}.category-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.blog-empty{text-align:center;padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.blog-empty h2{font-size:2rem}.blog-empty p{color:var(--text-dim);max-width:400px}.skeleton-featured{height:440px;border-radius:var(--radius-xl);margin-bottom:4rem;animation:pulse-glow 2s infinite}.skeleton-card{height:400px;border-radius:var(--radius-lg);animation:pulse-glow 2s infinite}[data-theme=light] .premium-card{background:#ffffffe6;border-color:#0000000d;box-shadow:0 10px 30px #00000008}[data-theme=light] .premium-card:hover{border-color:#0ea5e94d;box-shadow:0 20px 40px #00000014}[data-theme=light] .premium-card__overlay{background:linear-gradient(to top,rgba(255,255,255,1),transparent)}[data-theme=light] .premium-card__title{color:#0f172a}[data-theme=light] .premium-card__excerpt{color:#475569}[data-theme=light] .premium-card__meta{color:#0ea5e9}[data-theme=light] .premium-card__footer{border-top-color:#0000000d}[data-theme=light] .premium-badge{background:#0ea5e91a;color:#0ea5e9;border-color:#0ea5e94d}[data-theme=light] .blog-toolbar{background:#fffc;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .blog-toolbar__search input{background:#00000008;color:#0f172a}[data-theme=light] .blog-toolbar__search input:focus{background:#fff;box-shadow:0 0 15px #0ea5e91a}[data-theme=light] .category-tag{background:#00000008;border-color:#0000000d;color:#475569}[data-theme=light] .category-tag:hover{background:#0ea5e91a;color:#0ea5e9;border-color:#0ea5e933}@media(max-width:1024px){.blog-content-wrapper{grid-template-columns:1fr 280px;gap:2rem}.blog-header__title{font-size:2.75rem}}@media(max-width:860px){.blog-content-wrapper{grid-template-columns:1fr}.blog-sidebar{order:-1}.sticky-widget{position:static}.ad-sidebar{height:100px}}@media(max-width:768px){.blog-toolbar{flex-direction:column;border-radius:var(--radius-lg);padding:1rem}.blog-toolbar__search{width:100%}.blog-toolbar__filters{width:100%;justify-content:flex-start}}@media(max-width:640px){.blog-header__title{font-size:2.25rem}.premium-card__body{padding:1.5rem}.blog-grid{grid-template-columns:1fr}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.detail-page{padding:8rem 0 6rem;position:relative;min-height:100vh;background:radial-gradient(circle at top right,rgba(6,182,212,.05) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(139,92,246,.03) 0%,transparent 40%)}.detail-page .container{max-width:1200px;padding:0 1.5rem;margin:0 auto}.progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:1000;border-radius:0 2px 2px 0;box-shadow:0 0 10px #06b6d466}.detail-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:.9rem;margin-bottom:2rem;transition:all var(--transition);text-decoration:none;font-weight:500}.detail-back:hover{color:var(--primary-light);transform:translate(-4px)}.detail-hero{position:relative;border-radius:var(--radius-2xl);overflow:hidden;min-height:480px;margin-bottom:4rem;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border-subtle)}.detail-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.detail-hero__img img{width:100%;height:100%;object-fit:cover}.detail-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#030712fa,#03071280 60%,#0003);z-index:2}.detail-hero__content{position:relative;width:100%;padding:4rem 3.5rem 3.5rem;z-index:5}.detail-hero__badge-row{display:flex;gap:.75rem;margin-bottom:1.5rem}.detail-hero__title{font-size:3.2rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,.6);color:#fff!important;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.author-info{display:flex;align-items:center;gap:1rem}.author-info__avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.1rem;box-shadow:0 4px 10px #06b6d44d}.author-info__name{display:block;font-weight:700;color:#fff}.author-info__sub{display:flex;align-items:center;gap:.8rem;margin-top:.25rem;flex-wrap:wrap}.author-info__date{font-size:.85rem;color:#ffffffb3}.author-info__stats{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-dim);font-weight:500}.author-info__stats svg{color:var(--primary-light)}.dot-sep{width:3px;height:3px;background:var(--border-subtle);border-radius:50%}.detail-main-wrapper{position:relative;width:100%;max-width:840px;margin:0 auto}.reading-container,.detail-article{width:100%}.article-content{padding:4rem 4.5rem;border-radius:var(--radius-2xl);background:var(--bg-card);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);box-sizing:border-box}.article-body{font-size:1.15rem;line-height:1.85;color:var(--text-secondary);box-sizing:border-box;width:100%}.article-body p,.article-body span,.article-body a,.article-body li,.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6,.article-body blockquote{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.article-body p{margin-bottom:2rem}.article-body h2{font-size:2.1rem;color:var(--text-primary);margin:3.5rem 0 1.5rem;font-weight:700;letter-spacing:-.02em}.article-body h3{font-size:1.6rem;color:var(--text-primary);margin:2.5rem 0 1rem;font-weight:700;letter-spacing:-.01em}.article-body h4{font-size:1.3rem;color:var(--text-primary);margin:2rem 0 1rem;font-weight:700}.article-body img{border-radius:var(--radius-xl);margin:3rem auto;max-width:100%!important;height:auto!important;display:block;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);object-fit:contain}.article-body iframe,.article-body embed,.article-body video{max-width:100%!important;width:100%!important;aspect-ratio:16 / 9;height:auto!important;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);margin:3rem 0;box-shadow:var(--shadow-lg)}.article-body table{width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:2.5rem 0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.article-body table::-webkit-scrollbar{height:5px}.article-body table::-webkit-scrollbar-track{background:#ffffff05}.article-body table::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.article-body table th,.article-body table td{padding:1rem 1.25rem;border:1px solid var(--border-subtle);text-align:left;font-size:.95rem;min-width:120px}.article-body table th{background:#ffffff08;color:var(--text-primary);font-weight:600}.article-body pre,.article-body pre[class*=language-]{margin:2.5rem 0;border-radius:var(--radius-lg);background:#0d1117!important;border:1px solid var(--border-subtle);padding:1.5rem!important;box-shadow:0 10px 30px -10px #00000080;overflow-x:auto!important;position:relative;max-width:100%!important;word-wrap:normal!important;word-break:normal!important;white-space:pre!important;color:#e6edf3}.article-body pre::-webkit-scrollbar{height:5px}.article-body pre::-webkit-scrollbar-track{background:#0d1117;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.article-body pre::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.article-body pre::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.article-body code{color:#e6edf3}.article-body code,.article-body pre code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;line-height:1.5;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}.article-body :not(pre)>code{background:#e11d481a;color:var(--primary-light);padding:.2rem .4rem;border-radius:4px;font-size:.9em;white-space:normal}.article-body blockquote{border-left:4px solid var(--primary);padding:2rem 2.5rem;background:#e11d4805;margin:3rem 0;border-radius:0 var(--radius-xl) var(--radius-xl) 0;font-style:italic;color:var(--text-primary);font-size:1.2rem;border-top:1px solid rgba(255,255,255,.02);border-right:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02)}.article-body ul,.article-body ol{margin:1.5rem 0 2rem 1.5rem;padding-left:1rem}.article-body li{margin-bottom:.75rem;color:var(--text-secondary)}.article-ad{margin:4rem 0;padding:2.5rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#06b6d40f,#8b5cf60f);border:1px solid rgba(6,182,212,.2);box-shadow:0 10px 30px #00000026}.ad-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--primary-light);margin-bottom:.75rem;display:block;font-weight:700}.ad-box h4{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-primary)}.ad-box p{font-size:.95rem;margin-bottom:1.5rem;color:var(--text-dim)}.article-tags{display:flex;gap:.75rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.article-footer{margin-top:3rem;padding:2.5rem;border-radius:var(--radius-xl);background:#ffffff05;border:1px solid var(--border-subtle)}.author-bio{display:flex;gap:2rem;align-items:center}.author-bio__avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-deep);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;border:1px solid var(--border-subtle);color:var(--primary-light);flex-shrink:0;box-shadow:0 5px 15px #0003}.author-bio__content h4{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.author-bio__content p{color:var(--text-dim);font-size:.95rem;line-height:1.6;margin:0}.desktop-share-sidebar{position:absolute;left:-80px;top:0;bottom:0;width:50px;z-index:10}.share-actions{position:sticky;top:120px;display:flex;flex-direction:column;gap:1rem}.share-btn{width:48px;height:48px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition);cursor:pointer;box-shadow:0 4px 12px #00000026}.share-btn:hover{border-color:var(--primary-light);color:var(--primary-light);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.share-btn--like:hover{background:#e11d481a!important;color:var(--primary-light)!important;border-color:var(--primary)!important}.action-item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.action-count{font-size:.75rem;font-weight:600;color:var(--text-dim)}.sidebar-divider{height:1px;background:var(--border-subtle);width:24px;margin:.5rem 0}.read-next-section{margin:6rem auto 0;max-width:1200px;border-top:1px solid var(--border-subtle);padding-top:5rem}.read-next-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:3rem;text-align:center;letter-spacing:-.03em}.read-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.read-next-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition);border:1px solid var(--border-subtle);text-decoration:none;background:var(--bg-card);box-shadow:0 4px 20px #0000001a}.read-next-card:hover{transform:translateY(-6px);border-color:var(--primary-light);box-shadow:var(--shadow-glow),0 10px 30px #0000004d}.read-next-card__img{aspect-ratio:16 / 10;width:100%;overflow:hidden;position:relative;border-bottom:1px solid var(--border-subtle)}.read-next-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.read-next-card:hover .read-next-card__img img{transform:scale(1.05)}.read-next-card__content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.read-next-card__category{font-size:.75rem;color:var(--primary-light);text-transform:uppercase;font-weight:700;margin-bottom:.5rem;letter-spacing:.05em}.read-next-card__title{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition)}.read-next-card:hover .read-next-card__title{color:var(--primary-light)}.read-next-card__meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-dim)}.read-next-card__meta-item{display:flex;align-items:center;gap:.35rem}.read-next-footer{display:flex;justify-content:center;margin-top:3.5rem}.article-comments{margin-top:5rem;border-top:1px solid var(--border-subtle);padding-top:4rem}.comments-header{margin-bottom:2.5rem;text-align:center}.comment-form-wrap{padding:3rem;border-radius:var(--radius-2xl);margin-bottom:4rem;background:var(--bg-card);border:1px solid var(--border-subtle)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.input{width:100%;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem;color:var(--text-primary);font-family:inherit;transition:all var(--transition)}.input:focus{outline:none;border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 4px #06b6d426}.comment-item{display:flex;gap:1.5rem;padding:2rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle)}.comment-avatar{flex-shrink:0;width:45px;height:45px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.1rem;box-shadow:0 4px 10px #06b6d433}.comment-content{flex-grow:1}.comment-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.comment-author{font-weight:600;color:var(--text-primary)}.comment-date{font-size:.85rem;color:var(--text-dim)}.comment-text{color:var(--text-secondary);line-height:1.6;margin:0}.article-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;margin-top:3rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.article-actions-bar .action-group{display:flex;align-items:center;gap:1rem}.article-actions-bar .share-group{gap:.75rem}.article-actions-bar .share-label{font-size:.9rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.article-actions-bar .action-btn{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all var(--transition)}.article-actions-bar .action-btn:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary);transform:translateY(-2px)}.article-actions-bar .action-btn--like:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.article-actions-bar .action-btn--comments:hover{background:#06b6d41a;border-color:#06b6d44d;color:#22d3ee}.article-actions-bar .action-btn--social{padding:8px 12px;color:var(--text-dim)}.article-actions-bar .action-btn--social:hover{color:var(--primary-light)}.article-actions-bar .action-btn:active{transform:scale(.95)}@media(max-width:600px){.article-actions-bar{flex-direction:column;align-items:center;gap:1.25rem;padding:1.25rem 0}.article-actions-bar .action-group{justify-content:center;width:100%}}.code-block-wrapper{position:relative;margin:2.5rem 0;width:100%}.code-block-wrapper pre{margin:0!important}.copy-code-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;background:#0f172abf!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)!important;color:#94a3b8!important;padding:6px 12px!important;border-radius:6px!important;font-size:.75rem!important;font-weight:600!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;opacity:.65;z-index:10;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,-apple-system,sans-serif!important;line-height:1!important}.code-block-wrapper:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background:#0f172af2!important;color:#f8fafc!important;border-color:#fff3!important;box-shadow:0 4px 12px #0000004d!important}.copy-code-btn.copied{background:#10b98133!important;color:#34d399!important;border-color:#34d39966!important}.copy-code-btn svg{transition:transform .2s ease!important}.copy-code-btn:active svg{transform:scale(.85)!important}@media(max-width:1050px){.desktop-share-sidebar{display:none}.mobile-action-bar{display:flex}}@media(max-width:1024px){.detail-hero__title{font-size:2.8rem}}@media(max-width:768px){.detail-page{padding:6rem 0 4rem}.detail-hero{min-height:360px;margin-bottom:2.5rem}.detail-hero__content{padding:2.5rem 2rem 2rem}.detail-hero__title{font-size:2.1rem;margin-bottom:1rem}.article-content{padding:2.5rem 2rem;border-radius:var(--radius-xl)}.article-body{font-size:1.08rem}.article-body h2{font-size:1.75rem;margin:2.5rem 0 1.25rem}.article-body h3{font-size:1.4rem;margin:2rem 0 1rem}.read-next-section{margin-top:4rem;padding-top:3.5rem}.read-next-title{font-size:1.6rem;margin-bottom:2rem}.read-next-grid{grid-template-columns:1fr;gap:1.5rem}.comment-form-wrap{padding:2rem}.form-row{grid-template-columns:1fr;gap:0}.copy-code-btn{opacity:.85;padding:5px 10px!important}}@media(max-width:480px){.detail-page .container{padding:0 1rem}.detail-hero{min-height:300px;border-radius:var(--radius-lg)}.detail-hero__content{padding:1.5rem}.detail-hero__title{font-size:1.65rem}.article-content{padding:1.5rem 1rem;border-radius:var(--radius-lg)}.article-body{font-size:1.02rem;line-height:1.75}.article-body h2{font-size:1.45rem}.article-body h3{font-size:1.25rem}.article-body pre,.article-body pre[class*=language-]{padding:1rem!important;margin:1.5rem 0}.author-bio{flex-direction:column;text-align:center;gap:1rem}.comment-item{padding:1.25rem 1rem;gap:1rem;flex-direction:column;align-items:center;text-align:center}.comment-meta{flex-direction:column;gap:.25rem}}.article-body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.8;color:var(--text-secondary);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%}.article-body h1{color:#f8fafc;font-size:2.4rem;margin-bottom:1.25rem;line-height:1.25;font-weight:800;letter-spacing:-.025em}.article-body h2{color:#f1f5f9;font-size:1.85rem;margin:48px 0 24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;letter-spacing:-.02em;font-weight:700}.article-body h2:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#818cf8,#c084fc);border-radius:2px}.article-body h3{color:#f1f5f9;font-size:1.35rem;margin:36px 0 16px;font-weight:600;letter-spacing:-.015em}.article-body h4{color:#f1f5f9;font-size:1.15rem;margin:28px 0 12px;font-weight:600}.article-body p{margin-bottom:24px;font-size:1.05rem;line-height:1.85;color:#cbd5e1;letter-spacing:-.005em}.article-body strong,.article-body b{color:#f8fafc;font-weight:600}.article-body hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:48px 0}.article-body ul{list-style:none;padding-left:4px;margin:24px 0}.article-body ul li{position:relative;padding-left:24px;margin-bottom:12px;font-size:1.05rem;color:#cbd5e1;line-height:1.8}.article-body ul li:before{content:"•";position:absolute;left:4px;color:#818cf8;font-weight:700;font-size:1.3em;line-height:1;top:1px}.article-body ol{counter-reset:ol-counter;list-style:none;padding-left:4px;margin:24px 0}.article-body ol li{position:relative;padding-left:28px;margin-bottom:12px;font-size:1.05rem;color:#cbd5e1;line-height:1.8}.article-body ol li:before{counter-increment:ol-counter;content:counter(ol-counter) ".";position:absolute;left:4px;color:#a78bfa;font-weight:600;font-size:.95em;top:1px}.article-body a{color:#60a5fa;text-decoration:none;font-weight:500;border-bottom:1px dashed rgba(96,165,250,.4);transition:all .2s ease}.article-body a:hover{color:#93c5fd;border-bottom:1px solid #93c5fd;text-decoration:none}.article-body code{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:3px 6px;border-radius:6px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.88em;color:#f472b6}.article-body kbd{background:#1e293b;border:1px solid #475569;border-bottom:3px solid #334155;color:#f8fafc;padding:2px 6px;border-radius:5px;font-size:.85em;font-family:inherit;box-shadow:0 1px 2px #0003}.article-body pre{background:#1e1e1e;color:#d4d4d4;padding:22px 26px;margin:28px 0;border-radius:12px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.88rem;overflow-x:auto;line-height:1.7;border:1px solid #333;white-space:pre;position:relative;max-width:100%;word-wrap:normal;word-break:normal;-webkit-overflow-scrolling:touch}.article-body pre code{background:transparent;padding:0;color:inherit;font-size:inherit;display:block}.article-body pre code .comment,.article-body pre code .punctuation{color:#6a737d}.article-body pre code .keyword{color:#c678dd}.article-body pre code .string{color:#98c379}.article-body pre code .number{color:#d19a66}.article-body pre code .function{color:#61afef}.article-body pre code .class-name{color:#e5c07b}.article-body pre code .operator{color:#56b6c2}.article-body pre code .property{color:#e06c75}.article-body pre code .boolean{color:#d19a66}.article-body .highlight{background:var(--bg-dark);border-left:5px solid var(--primary);padding:22px 28px;margin:32px 0;border-radius:0 12px 12px 0;font-size:1.05rem}.article-body .highlight strong{color:var(--text-primary)}.article-body .tip-box{background:#10b9811a;border-left:5px solid #10b981;padding:22px 28px;margin:32px 0;border-radius:0 12px 12px 0}.article-body .tip-box strong{display:block;font-weight:700;color:#059669;margin-bottom:8px}.article-body .tip-box:before{content:"Pro Tip";display:block;font-weight:700;color:#059669;margin-bottom:8px}.article-body .warning-box{background:#f59e0b1a;border-left:5px solid #f59e0b;padding:22px 28px;margin:32px 0;border-radius:0 12px 12px 0}.article-body .warning-box strong{display:block;font-weight:700;color:#d97706;margin-bottom:8px}.article-body .warning-box:before{content:"Heads Up";display:block;font-weight:700;color:#d97706;margin-bottom:8px}.article-body .steps-container{counter-reset:step;margin:35px 0}.article-body .step{position:relative;padding-left:65px;margin-bottom:35px}.article-body .step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:-2px;width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.15rem;box-shadow:0 4px 12px #667eea66}.article-body .step h3{margin-top:0;color:#667eea}.article-body .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:30px 0}.article-body .tech-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;text-align:center;transition:transform .3s,box-shadow .3s}.article-body .tech-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #667eea66}.article-body .tech-card h4{margin-bottom:10px;font-size:1.1rem;color:#fff}.article-body .tech-card p{font-size:.9rem;opacity:.92;margin:0}.article-body .checkpoint{background:var(--bg-dark);border:2px solid var(--primary-light);padding:18px 22px;border-radius:12px;margin:28px 0;display:flex;align-items:center;gap:16px}.article-body .checkpoint-icon{font-size:1.8rem}.article-body .emoji-badge{display:inline-block;background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:10px}.article-body .cta-button{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 38px;text-decoration:none;border-radius:30px;font-weight:700;margin-top:20px;transition:transform .3s,box-shadow .3s}.article-body .cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea80;text-decoration:none}.article-body .code-block{background:#1e1e1e;color:#d4d4d4;padding:22px 26px;margin:28px 0;border-radius:12px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.88rem;overflow-x:auto;line-height:1.7;border:1px solid #333;white-space:pre;position:relative;max-width:100%;word-wrap:normal;word-break:normal;-webkit-overflow-scrolling:touch}.article-body .code-block.line-numbers{padding-left:70px;counter-reset:line}.article-body .code-block.line-numbers .code-line{display:block;position:relative;padding-left:0}.article-body .code-block.line-numbers .code-line:before{counter-increment:line;content:counter(line);position:absolute;left:-55px;top:0;width:40px;text-align:right;color:#6a737d;font-size:.8rem;-webkit-user-select:none;user-select:none}.article-body .code-block .code-line{display:block}.article-body .code-block .code-line.highlighted{background:#ffd70026;margin:0 -26px;padding:0 26px;border-left:3px solid #ffd700}.article-body .code-block .language-label{position:absolute;top:0;right:0;background:#333;color:#888;padding:4px 12px;font-size:.7rem;text-transform:uppercase;border-radius:0 12px 0 8px;letter-spacing:.5px;font-weight:600}.article-body .code-block .copy-button{position:absolute;top:10px;right:60px;background:#333;color:#888;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s;opacity:0}.article-body .code-block:hover .copy-button{opacity:1}.article-body .code-block .copy-button:hover{background:#444;color:#fff}.article-body .code-block .token-comment,.article-body .code-block .token.prolog,.article-body .code-block .token.doctype,.article-body .code-block .token.cdata{color:#6a9955;font-style:italic}.article-body .code-block .token.punctuation{color:#d4d4d4}.article-body .code-block .token.keyword,.article-body .code-block .token.operator,.article-body .code-block .token.keyword-module,.article-body .code-block .token.keyword-control{color:#569cd6}.article-body .code-block .token.keyword-module{color:#c586c0}.article-body .code-block .token.string,.article-body .code-block .token.attr-value{color:#ce9178}.article-body .code-block .token.number,.article-body .code-block .token.boolean{color:#b5cea8}.article-body .code-block .token.function,.article-body .code-block .token.method{color:#dcdcaa}.article-body .code-block .token.builtin,.article-body .code-block .token.type,.article-body .code-block .token.class-name{color:#4ec9b0}.article-body .code-block .token.variable,.article-body .code-block .token.constant{color:#9cdcfe}.article-body .code-block .token.parameter{color:#9cdcfe;font-style:italic}.article-body .code-block .token.tag{color:#569cd6}.article-body .code-block .token.attr-name{color:#9cdcfe}.article-body .code-block .token.attr-value{color:#ce9178}.article-body .code-block .token.property{color:#9cdcfe}.article-body .code-block .token.selector{color:#d7ba7d}.article-body .code-block .token.regex{color:#d16969}.article-body .code-block .token.json-key{color:#9cdcfe}.article-body .code-block .token.template-string{color:#ce9178}.article-body .code-block .token.inserted{color:#b5cea8;background:#2ea04326}.article-body .code-block .token.deleted{color:#f85149;background:#f8514926}.article-body .code-block .comment{color:#6a9955}.article-body .code-block .keyword{color:#569cd6}.article-body .code-block .string{color:#ce9178}.article-body .code-block .function{color:#dcdcaa}.article-body .code-block .builtin{color:#4ec9b0}.article-body .code-block .number{color:#b5cea8}.article-body .code-block .variable{color:#9cdcfe}.article-body .code-block .operator,.article-body .code-block .punctuation{color:#d4d4d4}.article-body .code-block .property{color:#9cdcfe}.article-body .code-block .tag{color:#569cd6}.article-body .code-block .attribute{color:#9cdcfe}.article-body .code-block .value{color:#ce9178}.article-body blockquote{background:#ffffff05!important;border-left:4px solid #818cf8!important;margin:36px 0!important;padding:24px 32px!important;border-radius:4px 16px 16px 4px}.article-body blockquote p{color:#cbd5e1!important;font-style:italic!important;font-size:1.1rem!important;line-height:1.75!important;margin-bottom:0!important}.article-body img{max-width:100%!important;height:auto!important;display:block;margin:32px auto;border-radius:12px;box-shadow:0 8px 32px #0000004d}.article-body iframe,.article-body video,.article-body embed{max-width:100%!important;width:100%!important;height:auto!important;aspect-ratio:16 / 9!important;border-radius:12px;margin:32px 0}.article-body table{width:100%!important;margin:32px 0!important;border-collapse:collapse!important;background:#1e293b59!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;overflow:hidden!important;display:table!important}.article-body th{background:#ffffff08!important;color:#f8fafc!important;font-weight:600!important;text-align:left!important;border-bottom:2px solid rgba(255,255,255,.08)!important;padding:14px 18px!important;font-size:.95rem}.article-body td{padding:12px 18px!important;color:#cbd5e1!important;border-bottom:1px solid rgba(255,255,255,.05)!important;font-size:.95rem}.article-body tr:hover td{background:#ffffff03!important}.article-body tr:last-child td{border-bottom:none!important}.article-body figure{margin:32px 0;max-width:100%;overflow:hidden}.article-body figure img{width:100%;height:auto;margin:0}.article-body figcaption{text-align:center;font-size:.9rem;color:#94a3b8;margin-top:12px;font-style:italic}.article-body img.align-left{float:left;margin-right:24px;max-width:45%}.article-body img.align-right{float:right;margin-left:24px;max-width:45%}.article-body img.align-center{margin-left:auto;margin-right:auto}.article-body img.bordered{border:2px solid #334155}.article-body img.shadow-sm{box-shadow:0 4px 12px #0003}.article-body img.shadow-lg{box-shadow:0 12px 48px #0006}.article-body img.rounded-sm{border-radius:6px}.article-body img.rounded-full{border-radius:50%}.article-body .comparison-header{display:flex;justify-content:center;align-items:center;gap:40px;margin:40px 0;padding:30px;background:var(--bg-dark);border-radius:16px;border:1px solid var(--border-subtle)}.article-body .comparison-header .vs-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:12px 20px;border-radius:50%;font-weight:800;font-size:1.2rem;box-shadow:0 4px 15px #ef444466}.article-body .comparison-header h2{margin:0;padding:0;border:none;font-size:2rem}.article-body .comparison-header .topic-a,.article-body .comparison-header .topic-b{text-align:center;min-width:150px}.article-body .comparison-header .topic-a h3,.article-body .comparison-header .topic-b h3{color:var(--text-primary);font-size:1.4rem;margin-bottom:8px}.article-body .comparison-header .topic-a p,.article-body .comparison-header .topic-b p{color:#94a3b8;margin:0;font-size:.9rem}.article-body .comparison-container{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin:40px 0;align-items:stretch}.article-body .comparison-side{padding:28px;border-radius:16px}.article-body .comparison-side.topic-a{background:var(--bg-dark);border:2px solid #3b82f6;opacity:.95}.article-body .comparison-side.topic-b{background:var(--bg-dark);border:2px solid #a855f7;opacity:.95}.article-body .comparison-side h3{font-size:1.5rem;margin-bottom:16px;display:flex;align-items:center;gap:12px}.article-body .comparison-side.topic-a h3{color:#3b82f6}.article-body .comparison-side.topic-b h3{color:#a855f7}.article-body .comparison-side ul{list-style:none;padding:0;margin:0}.article-body .comparison-side li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;gap:10px}.article-body .comparison-side li:last-child{border-bottom:none}.article-body .comparison-side .icon{flex-shrink:0;width:20px;text-align:center}.article-body .comparison-divider{display:flex;align-items:center;justify-content:center;width:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-weight:800;color:#fff;font-size:1.1rem}.article-body .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.article-body .pros,.article-body .cons{padding:24px;border-radius:12px}.article-body .pros{background:linear-gradient(135deg,#064e3b,#065f46);border-left:5px solid #48bb78}.article-body .cons{background:linear-gradient(135deg,#7c2d12,#9a3412);border-left:5px solid #ed8936}.article-body .pros h3,.article-body .cons h3{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin-bottom:20px}.article-body .pros h3{color:#48bb78}.article-body .cons h3{color:#ed8936}.article-body .pros ul,.article-body .cons ul{list-style:none;padding:0;margin:0}.article-body .pros li,.article-body .cons li{padding:10px 0;display:flex;align-items:flex-start;gap:10px}.article-body .comparison-table{width:100%;margin:40px 0;border-collapse:separate;border-spacing:0;background:var(--bg-dark);border-radius:12px;overflow-x:auto;display:block;border:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch}.article-body .comparison-table table{width:100%;min-width:600px;border-collapse:collapse}.article-body .comparison-table th,.article-body .comparison-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #334155}.article-body .comparison-table thead th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:1rem}.article-body .comparison-table thead th:first-child{text-align:left}.article-body .comparison-table tbody tr:last-child td{border-bottom:none}.article-body .comparison-table tbody tr:hover{background:#667eea1a}.article-body .comparison-table .check{color:#48bb78;font-size:1.2rem}.article-body .comparison-table .cross{color:#f87171;font-size:1.2rem}.article-body .winner-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;margin-left:12px}.article-body .winner-badge:before{content:"🏆"}.article-body .feature-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:40px 0}.article-body .feature-item{background:var(--bg-dark);padding:20px;border-radius:12px;display:flex;align-items:flex-start;gap:16px;border:1px solid var(--border-subtle)}.article-body .feature-item .feature-icon{font-size:1.5rem;flex-shrink:0}.article-body .feature-item .feature-text h4{margin:0 0 6px;color:var(--text-primary)}.article-body .feature-item .feature-text p{margin:0;color:#94a3b8;font-size:.95rem}.article-body .verdict{background:var(--bg-dark);border:3px solid var(--primary);border-radius:16px;padding:32px;margin:40px 0;text-align:center}.article-body .verdict h3{color:var(--primary);font-size:1.8rem;margin-bottom:16px;border:none;padding:0}.article-body .verdict p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:20px}.article-body .verdict .winner{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:16px 40px;border-radius:30px;font-size:1.3rem;font-weight:700}.article-body .quick-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:40px 0}.article-body .quick-card{padding:28px;border-radius:16px;text-align:center}.article-body .quick-card.card-a{background:var(--bg-dark);border:2px solid #3b82f6}.article-body .quick-card.card-b{background:var(--bg-dark);border:2px solid #a855f7}.article-body .quick-card h3{font-size:1.6rem;margin-bottom:12px}.article-body .quick-card.card-a h3{color:#3b82f6}.article-body .quick-card.card-b h3{color:#a855f7}.article-body .quick-card .score{font-size:3rem;font-weight:800;margin:16px 0}.article-body .quick-card.card-a .score{color:#3b82f6}.article-body .quick-card.card-b .score{color:#a855f7}.article-body .quick-card p{color:#94a3b8;margin:0}.article-body .rating{display:flex;gap:4px;justify-content:center;margin:12px 0}.article-body .rating .star{color:#f59e0b;font-size:1.3rem}.article-body .rating .star.empty{color:#475569}.article-body .comparison-note{background:var(--bg-dark);border-left:4px solid var(--text-dim);padding:16px 20px;margin:24px 0;font-style:italic;color:var(--text-dim)}.article-body .toc{background:var(--bg-dark);border:2px solid var(--primary);border-radius:16px;padding:28px 32px;margin:32px 0 40px}.article-body .toc-title{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-subtle)}.article-body .toc-title:before{content:"📋";font-size:1.3rem}.article-body .toc ul{list-style:none;padding:0;margin:0}.article-body .toc>ul>li{margin-bottom:12px}.article-body .toc>ul>li:last-child{margin-bottom:0}.article-body .toc a{display:flex;align-items:flex-start;gap:12px;color:#94a3b8;text-decoration:none;padding:10px 14px;border-radius:8px;transition:all .3s ease;font-size:1rem;line-height:1.5;word-break:break-word}.article-body .toc a:hover{background:#667eea26;color:#667eea;text-decoration:none;transform:translate(6px)}.article-body .toc .toc-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:.85rem;font-weight:700}.article-body .toc ul ul{margin-left:24px;margin-top:8px}.article-body .toc ul ul li{margin-bottom:8px}.article-body .toc ul ul a{font-size:.95rem;padding:8px 12px}.article-body .toc ul ul .toc-number{min-width:22px;height:22px;font-size:.75rem;background:#334155}.article-body .toc .toc-heading{display:block;color:#e2e8f0;font-weight:600;padding:12px 16px;margin-top:8px}.article-body .toc-progress{position:fixed;top:100px;right:20px;width:240px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;display:none;z-index:100;box-shadow:var(--shadow-glow)}.article-body .toc-progress h4{color:var(--primary);font-size:.95rem;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.article-body .toc-progress ul{list-style:none;padding:0;margin:0}.article-body .toc-progress li{margin-bottom:10px}.article-body .toc-progress a{color:#94a3b8;text-decoration:none;font-size:.85rem;display:block;padding:6px 0;transition:color .3s}.article-body .toc-progress a:hover{color:#667eea}.article-body .toc-sticky{position:sticky;top:20px;z-index:10}@media(max-width:960px){.article-body h1{font-size:1.9rem}.article-body h2{font-size:1.5rem}.article-body .step{padding-left:55px}.article-body .step:before{width:38px;height:38px;font-size:1rem}.article-body .highlight,.article-body .tip-box,.article-body .warning-box{padding:16px 20px}.article-body img.align-left,.article-body img.align-right{float:none;max-width:100%!important;width:100%!important;margin:24px 0}.article-body .comparison-header{flex-direction:column;gap:20px;padding:20px}.article-body .comparison-header .vs-badge{order:-1;padding:10px 16px;font-size:1rem}.article-body .comparison-container{grid-template-columns:1fr;gap:20px}.article-body .comparison-divider{width:100%;height:40px;font-size:1rem}.article-body .pros-cons{grid-template-columns:1fr;gap:20px}.article-body .comparison-table{font-size:.85rem}.article-body .comparison-table th,.article-body .comparison-table td{padding:12px 10px}.article-body .quick-comparison,.article-body .feature-comparison{grid-template-columns:1fr;gap:20px}.article-body .verdict{padding:20px}.article-body .verdict .winner{padding:12px 24px;font-size:1.1rem}.article-body .toc{padding:20px}.article-body .toc-title{font-size:1.2rem}.article-body .toc a{font-size:.95rem;padding:8px 12px}.article-body .toc ul ul{margin-left:16px}.article-body .toc-progress{display:none}}@media(max-width:480px){.article-body h1{font-size:1.6rem}.article-body h2{font-size:1.3rem}.article-body h3{font-size:1.15rem}.article-body p{font-size:1rem}.article-body .toc{padding:15px;margin:20px 0}.article-body .toc a{font-size:.9rem;padding:6px 8px;gap:6px}.article-body .toc-title{font-size:1.1rem}}.about-page{padding-top:0}.about-hero-new{padding:10rem 0 6rem;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(6,182,212,.05) 0%,transparent 50%)}.about-hero-new__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.about-hero-new__title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:2rem;letter-spacing:-.03em}.about-hero-new__subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;margin-bottom:3rem;max-width:600px}.about-hero-new__actions{display:flex;gap:1rem}.profile-frame{position:relative;padding:1.5rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:40px}.profile-frame img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:30px;filter:grayscale(10%) contrast(110%)}.profile-frame__badge{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background:var(--bg-deep);border:1px solid var(--border-subtle);padding:.75rem 1.5rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:.75rem;white-space:nowrap;box-shadow:0 10px 30px #0000004d}.profile-frame__badge span{font-weight:700;font-size:.9rem}.about-stats-strip{padding:4rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff03}.stats-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-pill{display:flex;align-items:center;gap:1.25rem}.stat-pill__icon{width:48px;height:48px;background:#06b6d41a;color:var(--primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-pill__content strong{display:block;font-size:1.5rem;font-weight:800;line-height:1.1}.stat-pill__content span{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.mission-iso-container{perspective:1200px;display:flex;align-items:center;justify-content:center;height:550px}.iso-stack{position:relative;width:320px;height:220px;transform-style:preserve-3d;transform:rotateX(55deg) rotate(-45deg);transition:transform .5s ease}.iso-card{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);box-shadow:-15px 15px 30px #00000080,inset 0 0 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .6s cubic-bezier(.2,.8,.2,1);transform-origin:center center;overflow:hidden;cursor:pointer}.iso-card-1{transform:translateZ(0);z-index:1;border-color:#06b6d480}.iso-card-2{transform:translateZ(60px);z-index:2;border-color:#a855f780}.iso-card-3{transform:translateZ(120px);z-index:3;border-color:#f43f5e80}.iso-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;transition:.3s;z-index:0}.iso-card__icon,.iso-card h3,.iso-card__hidden-content{position:relative;z-index:1}.iso-card__icon{margin-bottom:1rem;transform:scale(1.5);transition:.3s}.iso-card h3{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.iso-card__hidden-content{opacity:0;height:0;overflow:hidden;transition:all .4s ease}.iso-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.iso-barcode{margin:0 auto}.iso-stack:hover .iso-card-1{transform:translateZ(0) translate(-20px) translateY(20px)}.iso-stack:hover .iso-card-2{transform:translateZ(80px)}.iso-stack:hover .iso-card-3{transform:translateZ(160px) translate(20px) translateY(-20px)}.iso-stack .iso-card:hover{transform:rotate(45deg) rotateX(-55deg) translateZ(150px) scale(1.15)!important;box-shadow:0 30px 60px #000c,inset 0 0 30px #ffffff0d;background:var(--bg-deep);z-index:10}.iso-stack .iso-card:hover .iso-card__hidden-content{opacity:1;height:110px;margin-top:1rem}.iso-stack .iso-card:hover .iso-card__glow{opacity:.15}.iso-stack .iso-card:hover .iso-card__icon{transform:scale(1);margin-bottom:.5rem}.text-cyan{color:var(--primary-light)}.text-purple{color:var(--secondary-light)}.text-rose{color:#fb7185}.border-cyan{border:1px solid rgba(6,182,212,.2)}.border-purple{border:1px solid rgba(168,85,247,.2)}.border-rose{border:1px solid rgba(244,63,94,.2)}[data-theme=light] .iso-card{background:#ffffffd9;box-shadow:-15px 15px 30px #0000001a,inset 0 0 20px #0000000d}[data-theme=light] .iso-stack .iso-card:hover{background:#fff;box-shadow:0 30px 60px #00000026,inset 0 0 30px #0000000d}[data-theme=light] .iso-card h3{color:#0f172a}.crystal-timeline{max-width:1000px;margin:6rem auto 0;position:relative;padding:2rem 0}.crystal-spine{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,transparent,var(--primary-light),var(--secondary-light),transparent);transform:translate(-50%);box-shadow:0 0 20px var(--primary-light);opacity:.6}.crystal-item{display:flex;justify-content:flex-end;align-items:center;position:relative;margin-bottom:6rem;width:50%;padding-right:4rem}.crystal-item.right{margin-left:50%;justify-content:flex-start;padding-right:0;padding-left:4rem}.crystal-marker{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;z-index:10}.crystal-item.right .crystal-marker{left:-40px;right:auto}.crystal-orb{position:absolute;top:25px;right:25px;bottom:25px;left:25px;background:radial-gradient(circle at 30% 30%,#fff,var(--primary-light));border-radius:50%;box-shadow:0 0 20px var(--primary-light),inset 0 0 10px #00000080;z-index:2}.crystal-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(6,182,212,.4);border-radius:50%;box-shadow:0 0 10px #06b6d433,inset 0 0 10px #06b6d433;z-index:1}.crystal-ring.ring-1{animation:orbit1 8s linear infinite}.crystal-ring.ring-2{top:-10px;right:-10px;bottom:-10px;left:-10px;border-color:#a855f74d;box-shadow:0 0 15px #a855f733,inset 0 0 15px #a855f733;animation:orbit2 12s linear infinite reverse}.crystal-icon{position:relative;z-index:3;color:var(--bg-deep);transform:scale(.7)}@keyframes orbit1{0%{transform:rotateX(65deg) rotateY(20deg) rotate(0)}to{transform:rotateX(65deg) rotateY(20deg) rotate(360deg)}}@keyframes orbit2{0%{transform:rotateX(75deg) rotateY(-20deg) rotate(0)}to{transform:rotateX(75deg) rotateY(-20deg) rotate(360deg)}}.crystal-beam-wrapper{position:absolute;right:0;top:50%;width:4rem;height:2px;transform:translateY(-50%);display:flex;justify-content:flex-end;pointer-events:none}.crystal-item.right .crystal-beam-wrapper{left:0;right:auto;justify-content:flex-start}.crystal-beam{height:100%;width:0;background:var(--primary-light);box-shadow:0 0 15px var(--primary-light);transition:width .4s cubic-bezier(.4,0,.2,1)}.crystal-card{width:100%;max-width:400px;padding:2.5rem;border-radius:var(--radius-2xl);position:relative;transition:all .4s ease;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.crystal-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 50%,rgba(6,182,212,.1),transparent 70%);opacity:0;transition:.4s}.crystal-item.right .crystal-card__glow{background:radial-gradient(circle at 100% 50%,rgba(168,85,247,.1),transparent 70%)}.crystal-year{display:inline-block;padding:.25rem .75rem;background:#06b6d41a;color:var(--primary-light);border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-full);font-size:.8rem;font-weight:700;margin-bottom:1rem}.crystal-item.right .crystal-year{background:#a855f71a;color:var(--secondary-light);border:1px solid rgba(168,85,247,.2)}.crystal-card h3{font-size:1.5rem;margin-bottom:.25rem;font-weight:800}.crystal-card h4{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:600}.crystal-card p{color:var(--text-dim);line-height:1.6;font-size:.95rem;position:relative;z-index:2}.crystal-item:hover .crystal-beam{width:100%}.crystal-item:hover .crystal-card{transform:translateY(-5px);box-shadow:var(--shadow-glow);border-color:#06b6d44d}.crystal-item.right:hover .crystal-card{border-color:#a855f74d}.crystal-item:hover .crystal-card__glow{opacity:1}.crystal-item:hover .crystal-ring.ring-1{animation-duration:3s}.crystal-item:hover .crystal-ring.ring-2{animation-duration:4s}[data-theme=light] .crystal-spine{background:linear-gradient(to bottom,transparent,var(--primary),var(--secondary),transparent);opacity:.3;box-shadow:none}[data-theme=light] .crystal-orb{box-shadow:0 5px 15px #06b6d466}[data-theme=light] .crystal-ring{border-color:#06b6d499}[data-theme=light] .crystal-ring.ring-2{border-color:#a855f780}[data-theme=light] .crystal-year{background:var(--primary);color:#fff}[data-theme=light] .crystal-item.right .crystal-year{background:var(--secondary);color:#fff}[data-theme=light] .crystal-beam{box-shadow:none;background:var(--primary)}@media(max-width:1100px){.about-hero-new__grid,.mission-grid{grid-template-columns:1fr;gap:3rem}.about-hero-new__title{font-size:3rem}}@media(max-width:768px){.stats-strip__grid{grid-template-columns:repeat(2,1fr)}.crystal-spine{left:30px}.crystal-item{width:100%;padding-left:5rem!important;padding-right:0;justify-content:flex-start;margin-left:0!important;margin-bottom:3rem}.crystal-marker{left:30px!important;right:auto!important;transform:translate(-50%,-50%);width:60px;height:60px}.crystal-orb{top:15px;right:15px;bottom:15px;left:15px}.crystal-beam-wrapper{display:none}.crystal-card{max-width:100%;padding:1.5rem}.mission-iso-container{height:auto;perspective:none;padding:1rem 0}.iso-stack{width:100%;height:auto;transform:none!important;display:flex;flex-direction:column;gap:1.5rem}.iso-card{position:relative;transform:none!important;padding:2rem;border-radius:var(--radius-2xl)}.iso-card__hidden-content{opacity:1;height:auto;margin-top:1rem}.iso-stack .iso-card:hover{transform:translateY(-5px)!important;box-shadow:var(--shadow-glow)!important;z-index:auto;background:#0f172af2}[data-theme=light] .iso-stack .iso-card:hover{background:#fff}}.contact-hero-cinematic{padding:10rem 0 0;position:relative;overflow:hidden}.contact-hero-cinematic__title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:2rem;letter-spacing:-.03em}.contact-hero-cinematic__subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7}.contact-main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;max-width:1100px;margin:0 auto 6rem;position:relative;z-index:2}.contact-card-new{padding:3rem;border-radius:var(--radius-2xl);height:100%}.contact-form-new{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.contact-form-new input,.contact-form-new textarea{width:100%;padding:1rem 1.25rem;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .3s ease}.contact-form-new textarea{resize:vertical;min-height:120px}.contact-form-new input:focus,.contact-form-new textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a}.contact-form-new input::placeholder,.contact-form-new textarea::placeholder{color:var(--text-dim)}.contact-sidebar-new{display:flex;flex-direction:column;gap:1.5rem}.info-box{padding:2rem;border-radius:var(--radius-xl);display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease}.info-box:hover{transform:translateY(-5px)}.info-box__icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.info-box__icon.purple{background:#a855f71a;color:var(--secondary-light)}.info-box__icon.rose{background:#f43f5e1a;color:#fb7185}.info-box__content h3{font-size:1rem;margin-bottom:.25rem;color:var(--text-secondary)}.info-box__content p{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.social-connect{padding:2.5rem;border-radius:var(--radius-xl);text-align:center}.social-connect h4{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}.social-connect__grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.social-icon-btn{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .3s ease}.social-icon-btn:hover{transform:translateY(-5px);color:#fff;border-color:transparent}.social-icon-btn.youtube:hover{background:red;box-shadow:0 5px 15px #ff00004d}.social-icon-btn.github:hover{background:#333;box-shadow:0 5px 15px #3333334d}.social-icon-btn.instagram:hover{background:#e1306c;box-shadow:0 5px 15px #e1306c4d}.social-icon-btn.facebook:hover{background:#1877f2;box-shadow:0 5px 15px #1877f24d}.social-icon-btn.linkedin:hover{background:#0a66c2;box-shadow:0 5px 15px #0a66c24d}[data-theme=light] .contact-form-new input,[data-theme=light] .contact-form-new textarea,[data-theme=light] .social-icon-btn{background:#ffffff80;border-color:#0000001a;color:#0f172a}[data-theme=light] .info-box__content p{color:#0f172a}[data-theme=light] .social-icon-btn:hover{border-color:transparent;color:#fff}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}.faq-item{padding:2.5rem;border-radius:var(--radius-2xl)}.faq-item__q{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.faq-item__q h4{font-size:1.1rem;font-weight:700}@media(max-width:1100px){.contact-main-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr 1fr}.contact-hero-cinematic__title{font-size:3rem}}@media(max-width:768px){.form-row,.faq-grid{grid-template-columns:1fr}}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:2rem}.video-modal-content{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);width:100%;max-width:1000px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.video-modal-header{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.video-modal-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2rem}.close-modal{background:none;border:none;color:var(--text-dim);cursor:pointer;transition:color .3s ease;flex-shrink:0}.close-modal:hover{color:#fff}.video-player-container{position:relative;padding-bottom:56.25%;height:0;background:#000}.video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media(max-width:768px){.video-modal-overlay{padding:1rem}.video-modal-header{padding:1rem 1.5rem}}.videos-page{padding-bottom:6rem}.videos-hero{padding:8rem 0 3rem;position:relative;overflow:hidden;text-align:center}.videos-hero__content h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin:1.5rem 0;letter-spacing:-.02em;line-height:1.1}.videos-hero__content p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.videos-controls{margin-bottom:4rem;position:sticky;top:80px;z-index:100;transition:all .3s ease}.controls-wrapper{padding:1.5rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:1.5rem}.search-box{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:12px;padding:.5rem 1rem;gap:1rem}.search-box input{flex-grow:1;background:none;border:none;color:#fff;font-size:1rem;outline:none}.category-filters{display:flex;align-items:center;gap:1.5rem}.filter-icon{color:var(--primary)}.filter-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.filter-pill{padding:.5rem 1.25rem;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .3s ease}.filter-pill:hover,.filter-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.video-card{border-radius:var(--radius-xl);overflow:hidden;transition:transform .3s ease;height:100%;display:flex;flex-direction:column}.video-card:hover{transform:translateY(-8px)}.video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.video-card:hover .video-thumbnail img{transform:scale(1.1)}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-thumbnail:hover .thumbnail-overlay{opacity:1}.play-button{width:60px;height:60px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #06b6d480;transform:scale(.8);transition:transform .3s ease}.play-button:hover{transform:scale(1)}.vid-badge{position:absolute;top:1rem;left:1rem;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700}.video-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.video-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-dim);margin-bottom:1rem}.video-meta span{display:flex;align-items:center;gap:.4rem}.video-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.watch-link{margin-top:auto;color:var(--primary-light);font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.5rem;text-decoration:none}.watch-link:hover{text-decoration:underline}.loading-state,.empty-state{text-align:center;padding:6rem 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.videos-hero{padding:6rem 0 2rem}.videos-hero__content h1{margin:1rem 0}.videos-hero__content p{font-size:1rem;padding:0 1rem;margin-bottom:2rem}.videos-controls{top:60px;margin-bottom:2.5rem;padding:0 1rem}.video-grid{grid-template-columns:1fr;gap:1.5rem}.controls-wrapper{padding:1rem;gap:1.25rem;border-radius:var(--radius-xl)}.search-box{padding:.4rem;background:#ffffff0d;border-radius:14px;gap:.5rem}.search-box .search-icon{margin-left:.75rem}.search-box input{padding:.5rem 0;font-size:.95rem}.search-box .btn-primary{padding:.6rem 1.2rem;font-size:.85rem;border-radius:10px}.category-filters{gap:.5rem;flex-direction:column;align-items:flex-start}.category-filters .filter-icon{display:none}.filter-scroll{width:100%;padding:.2rem 0 .8rem;margin-left:-.2rem}.filter-pill{padding:.4rem 1.1rem;font-size:.8rem}.video-info{padding:1.25rem}.video-title{font-size:1.15rem;margin-bottom:.5rem}.video-meta{gap:1rem;margin-bottom:.75rem}.video-desc{font-size:.9rem;margin-bottom:1rem}}@media(max-width:480px){.videos-hero{padding:5rem 0 1.5rem}.videos-hero__content h1{font-size:2.1rem}.video-card{border-radius:var(--radius-lg)}.container{padding:0 1.25rem}}.videos-layout{display:flex;flex-direction:column}.videos-content-wrapper{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start}.videos-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-widget{padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);background:#0f172a66}.sticky-widget{position:sticky;top:100px}.widget-title{font-size:1.1rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.widget-title:before{content:"";display:block;width:4px;height:16px;background:var(--primary);border-radius:4px}.ad-sidebar,.ad-square{width:100%;height:250px}[data-theme=light] .sidebar-widget{background:#ffffffe6;border-color:#0000000d;box-shadow:0 4px 20px #00000008}@media(max-width:1024px){.videos-content-wrapper{grid-template-columns:1fr 280px;gap:2rem}}@media(max-width:860px){.videos-content-wrapper{grid-template-columns:1fr}.videos-sidebar{order:-1}.sticky-widget{position:static}.ad-sidebar{height:100px}}.privacy-page{padding:8rem 0 6rem;background:var(--bg-deep);min-height:100vh}.privacy-hero{position:relative;padding:4rem 0;margin-bottom:4rem}.privacy-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:100px;color:var(--primary-light);font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.privacy-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.privacy-hero p{color:var(--text-dim)}.privacy-grid{display:grid;grid-template-columns:1fr 300px;gap:3rem}.privacy-main{padding:3.5rem;border-radius:var(--radius-2xl)}.policy-section{margin-bottom:3.5rem}.policy-section:last-child{margin-bottom:0}.policy-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;margin-bottom:1.5rem;color:var(--text-primary)}.policy-section h2 svg{color:var(--primary-light)}.policy-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.25rem;font-size:1.05rem}.policy-section a{color:var(--primary-light);text-decoration:underline;transition:opacity .2s}.policy-section a:hover{opacity:.8}.privacy-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{padding:2rem;border-radius:var(--radius-xl);text-align:center}.sidebar-card svg{margin-bottom:1rem}.sidebar-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.sidebar-card p{font-size:.9rem;color:var(--text-dim);line-height:1.6}@media(max-width:1024px){.privacy-grid{grid-template-columns:1fr}.privacy-sidebar{order:-1;flex-direction:row}.sidebar-card{flex:1}}@media(max-width:768px){.privacy-hero h1{font-size:2.5rem}.privacy-main{padding:2rem}.privacy-sidebar{flex-direction:column}}.courses-page{padding-bottom:5rem;background:var(--bg-deep);position:relative;overflow:hidden}.courses-hero{padding:8rem 0 4rem;text-align:center;position:relative}.courses-hero__content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:2}.courses-hero__content h1{font-size:3.5rem;font-weight:900;line-height:1.15;letter-spacing:-.02em}.courses-hero__content p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;line-height:1.6}.courses-controls{margin-bottom:3.5rem;position:relative;z-index:10}.controls-wrapper{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;border-radius:var(--radius-lg)}.search-box{display:flex;align-items:center;background:#0f172a66;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.35rem .5rem .35rem 1.25rem;gap:.75rem;transition:all var(--transition)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #e11d4826;background:#0f172a99}.search-box input{flex-grow:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.95rem;height:2.5rem}.search-box input::placeholder{color:var(--text-dim)}.search-icon{color:var(--text-dim)}.controls-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.category-filters{display:flex;align-items:center;gap:.75rem;flex-grow:1;max-width:100%}.filter-icon{color:var(--text-dim);flex-shrink:0}.filter-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:4px;max-width:100%;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-pill{background:#ffffff08;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition)}.filter-pill:hover{background:#ffffff14;color:var(--text-primary)}.filter-pill.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:0 4px 15px #e11d4833}.sort-box{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sort-label{font-size:.85rem;color:var(--text-dim);font-weight:500}.sort-select{background:var(--bg-dark);border:1px solid var(--border-subtle);color:var(--text-primary);padding:.5rem 1.75rem .5rem .75rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;outline:none;cursor:pointer;transition:all var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.sort-select:focus{border-color:var(--primary)}.course-grid-section{position:relative;z-index:2}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.course-card{border-radius:var(--radius-lg);overflow:hidden;height:100%;display:flex;flex-direction:column}.course-thumbnail{position:relative;aspect-ratio:16/10;overflow:hidden;background:#090d16}.course-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-badge{position:absolute;top:1rem;left:1rem;background:#03071299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-primary)}.course-price-badge{position:absolute;bottom:1rem;right:1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:800;font-size:.85rem;padding:.35rem .9rem;border-radius:var(--radius-full);box-shadow:0 4px 15px #e11d484d}.course-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;gap:.75rem}.course-rating{display:flex;align-items:center;gap:.5rem}.stars{display:flex;gap:1px}.rating-text{font-size:.75rem;color:var(--text-dim);font-weight:500}.course-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3.5rem}.course-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4rem}.course-meta{display:flex;gap:1rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-dim);font-weight:500}.meta-item{display:flex;align-items:center;gap:.35rem}.card-footer{margin-top:.75rem}.explore-btn{width:100%;justify-content:center;padding:.7rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:600}.explore-btn:hover{background:var(--primary);border-color:transparent;color:#fff;box-shadow:0 4px 15px #e11d4840}.loading-state,.empty-state{text-align:center;padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;border-radius:var(--radius-lg)}.loader{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.empty-state h3{font-size:1.5rem;font-weight:700}.empty-state p{color:var(--text-secondary);max-width:320px}@media(max-width:768px){.courses-hero{padding:6rem 0 3rem}.courses-hero__content h1{font-size:2.25rem}.courses-hero__content p{font-size:1rem}.controls-row{flex-direction:column;align-items:stretch}.sort-box{justify-content:space-between}}.course-detail-page{background:var(--bg-deep);padding-bottom:6rem;position:relative}.course-banner{background:radial-gradient(circle at 70% 30%,#1e1b4b66,#030712e6);border-bottom:1px solid var(--border-subtle);padding:8rem 0 4rem;position:relative;overflow:hidden}[data-theme=light] .course-banner{background:radial-gradient(circle at 80% 20%,#5755d914,#e11d4808 40%,#f8fafcf2);border-bottom:1px solid rgba(15,23,42,.06)}.banner-container{position:relative;z-index:2}.banner-info{max-width:800px}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-dim);margin-bottom:1.5rem;transition:color var(--transition)}.back-link:hover{color:var(--primary-light)}[data-theme=light] .back-link:hover{color:#5755d9}.category-pill{display:inline-block;background:#e11d481f;color:var(--primary-light);border:1px solid rgba(225,29,72,.2);padding:.25rem .85rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase}[data-theme=light] .category-pill{background:#5755d914;color:#5755d9;border-color:#5755d926}.course-title-main{font-size:2.8rem;font-weight:900;line-height:1.2;margin-bottom:1rem;letter-spacing:-.01em}.course-subtitle-main{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.course-banner-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-badge{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary)}.course-main-content{margin-top:3rem;position:relative}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.main-details-col{display:flex;flex-direction:column;gap:2.5rem}.about-section{padding:2rem;border-radius:var(--radius-lg)}.about-section h2{font-size:1.5rem;font-weight:800;margin-bottom:1.25rem;color:var(--text-primary)}.rich-description{color:var(--text-secondary);line-height:1.7;font-size:.98rem}.rich-description p{margin-bottom:1rem}.rich-description ul{padding-left:1.5rem;margin-bottom:1rem}.rich-description li{margin-bottom:.4rem}.rich-description h4{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:1.5rem 0 .75rem}.curriculum-section{display:flex;flex-direction:column;gap:1.5rem}.curriculum-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.75rem}.curriculum-header h2{font-size:1.5rem;font-weight:800}.curriculum-stats{font-size:.85rem;color:var(--text-dim)}.syllabus-accordion{display:flex;flex-direction:column;gap:1rem}.accordion-item{border-radius:var(--radius-md)!important;overflow:hidden;transition:all var(--transition)!important}.accordion-item:hover{transform:none;border-color:var(--border-glow);box-shadow:0 4px 20px #e11d480d}.accordion-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#ffffff03;transition:background var(--transition)}.accordion-header:hover{background:#ffffff08}.accordion-header.active{background:#ffffff05;border-bottom:1px solid var(--border-subtle)}.accordion-header__title{display:flex;align-items:center;gap:1rem}.chapter-number{font-size:1.15rem;font-weight:900;color:var(--primary-light);font-family:monospace}.accordion-header__title h4{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.accordion-header__info{display:flex;align-items:center;gap:1rem}.lesson-count-tag{font-size:.8rem;color:var(--text-dim);background:#94a3b814;padding:.2rem .6rem;border-radius:var(--radius-sm);font-weight:500}.chevron-icon{color:var(--text-secondary);display:flex;align-items:center}.accordion-body-wrapper{overflow:hidden}.accordion-body{padding:.5rem 1.5rem 1.25rem}.lesson-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:var(--radius-sm);transition:all var(--transition);background:#ffffff03;border:1px solid transparent}.lesson-item:hover{background:#ffffff08;border-color:var(--border-subtle)}.lesson-left{display:flex;align-items:center;gap:.75rem}.type-icon{display:flex;align-items:center;color:var(--text-dim)}.lesson-icon-play{color:var(--primary-light)}.lesson-icon-pdf{color:#38bdf8}.lesson-icon-article{color:#a78bfa}.lesson-title-text{font-size:.92rem;font-weight:500;color:var(--text-primary)}.lesson-right{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-dim)}.watch-preview-btn{display:inline-flex;align-items:center;gap:.35rem;background:#e11d481f;color:var(--primary-light);border:1px solid rgba(225,29,72,.2);padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:600;font-size:.75rem;cursor:pointer;transition:all var(--transition)}.watch-preview-btn:hover{background:var(--primary);color:#fff;border-color:transparent}.lock-badge{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-dim);background:#94a3b814;border:1px solid var(--border-subtle);padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:500;font-size:.75rem}.sidebar-col{position:relative}.sticky-cta-card{position:sticky;top:6.5rem;padding:1.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;z-index:5}.cta-thumbnail{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.cta-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0307121a,#030712cc)}.preview-cta-btn{position:absolute;display:flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:.6rem 1.25rem;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;transition:all var(--transition)}.preview-cta-btn:hover{background:#fff;color:#000;transform:scale(1.05)}.cta-price-box{display:flex;flex-direction:column;gap:.25rem}.price-row{display:flex;align-items:baseline;gap:.5rem}.price-label{font-size:.88rem;color:var(--text-dim);font-weight:500}.price-value{font-size:2.25rem;font-weight:900;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.paid-notice{font-size:.78rem;color:var(--text-dim);line-height:1.4}.start-course-btn{width:100%;justify-content:center;padding:.9rem;border-radius:var(--radius-md);font-size:1rem}.course-highlights{border-top:1px solid var(--border-subtle);padding-top:1.25rem}.course-highlights h4{font-size:.9rem;font-weight:700;margin-bottom:.75rem}.course-highlights ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.course-highlights li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-secondary)}.course-detail-loading,.course-detail-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.course-detail-error h3{font-size:1.5rem;font-weight:800}.course-detail-error p{color:var(--text-secondary);margin-bottom:1rem}@media(max-width:1024px){.content-grid{grid-template-columns:1fr;gap:2.5rem}.sidebar-col{order:-1}.sticky-cta-card{position:relative;top:0}}@media(max-width:768px){.course-banner{padding:6rem 0 3rem}.course-title-main{font-size:2rem}.course-subtitle-main{font-size:1rem}}.learning-player-layout{display:flex;flex-direction:column;height:100vh;background:#030712;color:var(--text-primary);overflow:hidden;position:relative}.player-navbar{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:4.5rem;background:#090d16;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;z-index:50}.navbar-left{display:flex;align-items:center;gap:1.25rem}.exit-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);transition:all var(--transition)}.exit-btn:hover{background:#ffffff14;color:var(--text-primary)}.course-title-section{display:flex;flex-direction:column}.course-breadcrumb{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.course-name{font-size:1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}@media(min-width:480px){.course-name{max-width:240px}}@media(min-width:768px){.course-name{max-width:400px}}.navbar-right{display:flex;align-items:center}.toggle-sidebar-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.toggle-sidebar-btn:hover{background:#ffffff14;color:var(--text-primary)}.workspace-split{display:flex;flex-grow:1;overflow:hidden;position:relative}.player-viewport{flex-grow:1;background:#030712;overflow-y:auto;padding:2rem;display:flex;flex-direction:column}.viewport-inner{max-width:1000px;margin:0 auto;width:100%;display:flex;flex-direction:column;flex-grow:1}.content-renderer{display:flex;flex-direction:column;flex-grow:1;gap:2rem}.video-viewport{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#000;box-shadow:0 10px 30px #00000080}.video-viewport iframe{position:absolute;top:0;left:0;width:100%;height:100%}.pdf-viewport{display:flex;flex-direction:column;height:65vh;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #00000080}.pdf-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.05)}.pdf-header-icon{color:#38bdf8;margin-right:.5rem}.download-pdf-btn{padding:.35rem .75rem;font-size:.75rem;border-radius:var(--radius-sm)}.pdf-frame{flex-grow:1;border:none;background:#1e293b}.article-viewport{padding:3rem 2.5rem;border-radius:var(--radius-lg)}.article-header{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.5rem;margin-bottom:2rem}.article-header h1{font-size:2.25rem;font-weight:800;margin-top:.75rem;line-height:1.3}.article-content{line-height:1.8;font-size:1.05rem;color:var(--text-secondary)}.article-content h3{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:2rem 0 1rem}.article-content p{margin-bottom:1.25rem}.locked-workspace{flex-grow:1;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;padding:3rem;border-radius:var(--radius-lg)}.locked-icon{color:var(--primary-light);animation:pulseLock 2s infinite}@keyframes pulseLock{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.8}}.locked-workspace h2{font-size:1.8rem;font-weight:800}.locked-workspace p{max-width:480px;color:var(--text-secondary);line-height:1.6}.unlock-actions{margin-top:.5rem}.viewport-footer{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.active-lesson-title{font-size:1.35rem;font-weight:800;max-width:600px;line-height:1.4}.navigation-pills{display:flex;gap:.75rem}.nav-pill{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.nav-pill:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.nav-pill:disabled{opacity:.3;cursor:not-allowed}.nav-pill-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:0 4px 15px #e11d4833}.nav-pill-primary:hover:not(:disabled){opacity:.95;box-shadow:0 4px 20px #e11d4859}.player-sidebar{width:380px;background:#090d16;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:40}.player-sidebar.closed{width:0;border-left-width:0;overflow:hidden}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-header h3{font-size:1.1rem;font-weight:700;margin-bottom:.35rem}.sidebar-lessons-stats{font-size:.78rem;color:var(--text-dim)}.sidebar-accordion{display:flex;flex-direction:column}.sidebar-chapter{border-bottom:1px solid rgba(255,255,255,.03)}.sidebar-chapter-header{padding:1.15rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#ffffff03;transition:all var(--transition)}.sidebar-chapter-header:hover{background:#ffffff08}.sidebar-chapter-header.active{background:#ffffff05}.chapter-header-left{display:flex;align-items:flex-start;gap:.75rem}.chapter-idx{font-size:.9rem;font-weight:900;color:var(--primary-light);font-family:monospace}.chapter-header-left h4{font-size:.92rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.chevron-indicator{color:var(--text-dim);transition:transform .25s;flex-shrink:0}.chevron-indicator.rotated{transform:rotate(180deg)}.sidebar-lessons-list-wrapper{overflow:hidden;background:#0003}.sidebar-lessons-list{list-style:none;padding:.5rem .75rem;display:flex;flex-direction:column;gap:2px}.sidebar-lesson-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid transparent}.sidebar-lesson-item:hover:not(.locked){background:#ffffff08;border-color:#ffffff0d}.sidebar-lesson-item.active{background:#e11d4814;border-color:#e11d4833}.sidebar-lesson-item.active .sidebar-lesson-title{color:var(--primary-light);font-weight:600}.sidebar-lesson-item.locked{cursor:not-allowed;opacity:.45}.sidebar-lesson-left{display:flex;align-items:center;gap:.6rem;overflow:hidden}.lesson-indicator{display:flex;align-items:center;flex-shrink:0}.sidebar-lesson-title{font-size:.82rem;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-lesson-right{font-size:.75rem;color:var(--text-dim);font-weight:500;margin-left:.5rem;flex-shrink:0}.player-loading-state,.player-error-state{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:#030712}.player-error-state h3{font-size:1.5rem;font-weight:800}.player-error-state p{color:var(--text-secondary);margin-bottom:1rem}@media(max-width:1024px){.player-sidebar{position:absolute;right:0;top:4.5rem;bottom:0;width:320px;max-width:100vw;box-shadow:-10px 0 30px #00000080}.player-sidebar.closed{width:0;box-shadow:none;border-left:none}}@media(max-width:768px){.player-viewport{padding:1rem .75rem}.active-lesson-title{font-size:1.15rem}.article-viewport{padding:1.5rem 1rem}.article-header h1{font-size:1.5rem}.btn-label{display:none}.exit-btn{width:2.25rem;height:2.25rem}.player-navbar{padding:0 1rem;height:4rem}.course-breadcrumb{font-size:.65rem}.viewport-footer{padding:0 .5rem}}.sidebar-lesson-item.completed .sidebar-lesson-title{color:var(--text-dim);text-decoration:line-through;text-decoration-color:#fff3}.completed-icon{color:#22c55e!important;cursor:pointer;transition:transform var(--transition)}.completed-icon:hover{transform:scale(1.2)}.mark-done-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.15rem;display:flex;align-items:center;opacity:0;transition:opacity var(--transition),color var(--transition)}.sidebar-lesson-item:hover .mark-done-btn{opacity:1}.mark-done-btn:hover{color:#22c55e}.login-page{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6rem 1rem 4rem}.login-container{display:flex;justify-content:center;z-index:2}.login-card{width:100%;max-width:450px;padding:3rem 2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:var(--text-dim);font-size:.9rem}.login-error-alert{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;font-size:.88rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.88rem;font-weight:500;color:var(--text-secondary)}.input-with-icon input{width:100%;padding:.85rem 1rem .85rem 2.75rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff05;color:var(--text-primary);font-size:.95rem;transition:all var(--transition)}.login-submit-btn{width:100%;padding:.9rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.btn-loader{width:20px!important;height:20px!important;border-width:2px!important}.login-footer{text-align:center;margin-top:1.5rem;font-size:.88rem;color:var(--text-dim)}.login-footer a{color:var(--primary-light);font-weight:600;transition:color var(--transition)}.login-footer a:hover{color:var(--primary);text-decoration:underline}@media(max-width:480px){.login-card{padding:2rem 1.5rem}}.signup-page{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6rem 1rem 4rem}.signup-container{display:flex;justify-content:center;z-index:2}.signup-card{width:100%;max-width:520px;padding:2.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.signup-header{text-align:center;margin-bottom:1.75rem}.signup-header h2{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.signup-header p{color:var(--text-dim);font-size:.9rem}.signup-error-alert{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.88rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-dim)}.input-with-icon input{width:100%;padding:.8rem 1rem .8rem 2.75rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff05;color:var(--text-primary);font-size:.92rem;transition:all var(--transition)}.input-with-icon input:focus{outline:none;border-color:var(--primary-light);background:#ffffff0a;box-shadow:0 0 0 3px #e11d4826}.signup-submit-btn{width:100%;padding:.9rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem}.signup-footer{text-align:center;margin-top:1.25rem;font-size:.88rem;color:var(--text-dim)}.signup-footer a{color:var(--primary-light);font-weight:600;transition:color var(--transition)}.signup-footer a:hover{color:var(--primary);text-decoration:underline}@media(max-width:480px){.signup-card{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}}.dashboard-portal{display:flex;min-height:100vh;max-height:100vh;width:100vw;background:var(--bg-deep);color:var(--text-primary);overflow:hidden;position:relative;font-family:Inter,system-ui,-apple-system,sans-serif;transition:padding var(--transition)}.dashboard-loading-screen,.dashboard-error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:var(--bg-deep);color:var(--text-primary)}.portal-loader-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.portal-spinner{width:60px;height:60px;border:4px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-txt{font-size:1rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em;animation:pulse-glow 2s infinite}.glass-error-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(225,29,72,.2);border-radius:var(--radius-lg);padding:3rem;text-align:center;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 20px 50px #0000004d}.error-icon{color:var(--primary-light);animation:float 4s ease-in-out infinite}.glass-error-card h3{font-size:1.6rem;font-weight:800;color:var(--text-primary)}.glass-error-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.dashboard-sidebar{width:280px;height:100vh;border-radius:0!important;border:none;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;transition:width .4s cubic-bezier(.25,.8,.25,1);z-index:100;background:var(--bg-card);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.sidebar-collapsed .dashboard-sidebar{width:78px}.sidebar-collapsed .dashboard-sidebar .brand-name,.sidebar-collapsed .dashboard-sidebar .sidebar-section-title,.sidebar-collapsed .dashboard-sidebar .sidebar-nav-item span,.sidebar-collapsed .dashboard-sidebar .sidebar-nav-item .group-chevron,.sidebar-collapsed .dashboard-sidebar .sidebar-nav-item .glow-badge,.sidebar-collapsed .dashboard-sidebar .sidebar-nav-item .sub-badge,.sidebar-collapsed .dashboard-sidebar .sidebar-sub-nav,.sidebar-collapsed .dashboard-sidebar .visit-store-btn span,.sidebar-collapsed .dashboard-sidebar .visit-store-btn .external-icon,.sidebar-collapsed .dashboard-sidebar .profile-meta-text{display:none!important}.sidebar-collapsed .dashboard-sidebar .sidebar-nav-item{justify-content:center;padding:.75rem}.sidebar-collapsed .dashboard-sidebar .sidebar-nav-item .nav-item-inner{margin:0}.sidebar-collapsed .dashboard-sidebar .visit-store-btn{justify-content:center;padding:.75rem;width:48px;height:48px;border-radius:50%;margin:1rem auto}.sidebar-collapsed .dashboard-sidebar .sidebar-profile-card{padding:.75rem;flex-direction:column;gap:1rem;align-items:center}.sidebar-collapsed .dashboard-sidebar .profile-actions-column{flex-direction:column;gap:.5rem;margin:0}.sidebar-brand{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border-subtle)}.sidebar-collapsed .sidebar-brand{padding:0;justify-content:center}.brand-link{display:flex;align-items:center;gap:.75rem}.brand-logo-circle{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #e11d484d}.brand-name{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text}.sidebar-collapse-btn{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition)}.sidebar-collapse-btn:hover{background:#ffffff14;color:var(--primary-light)}.sidebar-collapsed .sidebar-collapse-btn{position:absolute;top:80px;left:65px;z-index:110;box-shadow:0 4px 12px #0003}.sidebar-nav-container{flex-grow:1;padding:1.5rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.sidebar-section-title{font-size:.68rem;font-weight:800;text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em;margin:1.25rem 0 .5rem .75rem}.sidebar-nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition);text-align:left}.sidebar-nav-item .nav-item-inner{display:flex;align-items:center;gap:.75rem}.sidebar-nav-item:hover{background:#ffffff08;color:var(--text-primary)}.sidebar-nav-item.active{background:#e11d4814!important;color:var(--primary-light)!important;border:1px solid rgba(225,29,72,.15);box-shadow:inset 0 0 12px #e11d480d}.sidebar-nav-item.group-open{color:var(--text-primary)}.group-chevron{transition:transform var(--transition)}.group-open .group-chevron{transform:rotate(180deg)}.sidebar-sub-nav{padding-left:1.5rem;display:flex;flex-direction:column;gap:.25rem;margin:.25rem 0;overflow:hidden}.sub-nav-item{width:100%;text-align:left;background:transparent;border:none;color:var(--text-dim);padding:.5rem .75rem;border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition)}.sub-nav-item:hover{color:var(--text-primary);background:#ffffff05}.sub-nav-item.active{color:var(--primary-light);font-weight:700}.sub-badge{background:#ffffff14;color:var(--text-secondary);font-size:.7rem;padding:.1rem .4rem;border-radius:var(--radius-sm);font-weight:700}.bg-green{background:#16a34a1f!important;color:#4ade80!important}.sub-badge-locked{background:#f43f5e14;color:#f43f5e;font-size:.65rem;padding:.1rem .35rem;border-radius:var(--radius-sm);font-weight:700;text-transform:uppercase}.sub-nav-item.disabled{opacity:.5;cursor:not-allowed}.glow-badge{font-size:.68rem;font-weight:800;padding:.2rem .5rem;border-radius:var(--radius-sm);color:#121212;background:linear-gradient(135deg,#f59e0b,#e11d48);box-shadow:0 0 12px #f59e0b80;letter-spacing:.02em}.animate-pulse-badge{animation:pulse-glow-badge 2s infinite}@keyframes pulse-glow-badge{0%,to{transform:scale(1);box-shadow:0 0 12px #f59e0b66}50%{transform:scale(1.05);box-shadow:0 0 20px #f59e0bcc}}.sparkle-icon{color:#fbbf24;animation:float 3s ease-in-out infinite}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem;background:#0000000d}.visit-store-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;background:linear-gradient(135deg,#e11d4826,#9333ea26);border:1px solid rgba(225,29,72,.2);border-radius:var(--radius-md);color:var(--primary-light);font-weight:700;font-size:.85rem;text-align:center;transition:all var(--transition)}.visit-store-btn:hover{background:linear-gradient(135deg,#e11d4840,#9333ea40);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #e11d4826}.external-icon{opacity:.7}.sidebar-profile-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.profile-card-left{display:flex;align-items:center;gap:.75rem}.profile-avatar-wrapper{position:relative;width:38px;height:38px}.profile-avatar-initial{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;box-shadow:0 4px 12px #00000026}.profile-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-dark)}.profile-status-dot.online{background:#10b981}.profile-meta-text{display:flex;flex-direction:column}.profile-name{font-size:.85rem;font-weight:700;color:var(--text-primary);line-height:1.2}.profile-role{font-size:.7rem;color:var(--text-dim)}.profile-actions-column{display:flex;gap:.25rem}.profile-action-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.profile-action-btn:hover{background:#ffffff0d;color:var(--text-primary)}.profile-action-btn.logout:hover{background:#f43f5e1a;color:#fb7185}.dashboard-console{display:flex;flex-direction:column;flex-grow:1;height:100vh;max-height:100vh;overflow:hidden;position:relative}.console-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-radius:0!important;border:none;border-bottom:1px solid var(--border-subtle);background:#03071266;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:90;flex-shrink:0}.console-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-dim);font-weight:500}.active-crumb{color:var(--text-primary);font-weight:700}.console-topbar-right{display:flex;align-items:center;gap:1.5rem}.topbar-action-wrapper{position:relative}.topbar-action-btn{background:#ffffff05;border:1px solid var(--border-subtle);color:var(--text-secondary);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.topbar-action-btn:hover{background:#ffffff0f;color:var(--text-primary);border-color:var(--text-dim)}.topbar-notification-badge{position:absolute;top:-2px;right:-2px;background:var(--primary);color:#fff;font-size:.6rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-dark)}.notifications-dropdown{position:absolute;top:48px;right:0;width:320px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 15px 40px #0000004d;z-index:120;overflow:hidden}.notif-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700}.mark-all-read{background:transparent;border:none;color:var(--primary-light);cursor:pointer;font-size:.75rem}.notif-list{max-height:250px;overflow-y:auto}.notif-item{padding:.75rem 1rem;display:flex;gap:.75rem;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.02);transition:background var(--transition)}.notif-item:hover{background:#ffffff05}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:5px}.notif-txt{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.empty-notif{padding:2rem;text-align:center;color:var(--text-dim);font-size:.85rem}.console-stats-pill{display:flex;align-items:center;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.35rem 1rem}.console-stat-unit{display:flex;align-items:center;gap:.4rem}.stat-pill-number{font-size:.9rem;font-weight:800;color:var(--primary-light)}.stat-pill-lbl{font-size:.75rem;color:var(--text-dim);font-weight:500}.console-stat-divider{width:1px;height:14px;background:var(--border-subtle);margin:0 .75rem}.dashboard-workspace{flex-grow:1;overflow-y:auto;padding:2.2rem 2.5rem;position:relative;z-index:10}.workspace-hero{border-radius:var(--radius-lg);padding:2.5rem;margin-bottom:2.5rem;overflow:hidden;position:relative;background:linear-gradient(135deg,#e11d480a,#9333ea0a);border:1px solid rgba(225,29,72,.15);box-shadow:inset 0 0 30px #e11d4805}.hero-grid-content{display:flex;justify-content:space-between;align-items:center;gap:3rem;flex-wrap:wrap}.hero-left{flex:1;min-width:320px}.hero-pill-badge{display:inline-flex;align-items:center;gap:.35rem;background:#e11d4814;color:var(--primary-light);border:1px solid rgba(225,29,72,.18);font-size:.72rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-full);margin-bottom:1rem;letter-spacing:.04em;text-transform:uppercase}.inline-spark{color:#fbbf24}.hero-title{font-size:2.2rem;font-weight:900;letter-spacing:-.03em;margin-bottom:.75rem;line-height:1.2;color:var(--text-primary);background:linear-gradient(135deg,#fff,var(--text-secondary));-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.75rem;max-width:580px;line-height:1.6}.hero-action-row{display:flex;gap:1rem}.hero-action-row .btn{padding:.75rem 1.75rem;font-size:.88rem}.hero-stats-box{display:flex;align-items:center;gap:2rem;background:#ffffff04;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-ring-container{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.hero-stat-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff0d;stroke-width:3.5}.ring-bar{fill:none;stroke:var(--primary);stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .8s ease}.ring-text-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-num{font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1}.ring-lbl{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;font-weight:700}.stat-text-column{display:flex;flex-direction:column;gap:.5rem}.mini-stat-row{display:flex;align-items:center;gap:.5rem}.mini-stat-bullet{width:7px;height:7px;border-radius:50%}.mini-stat-bullet.green{background:#10b981}.mini-stat-bullet.orange{background:#f59e0b}.mini-stat-bullet.blue{background:var(--primary)}.mini-stat-name{font-size:.8rem;color:var(--text-secondary);font-weight:600}.console-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title-left{display:flex;align-items:center;gap:.75rem}.section-title-left h2{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.title-count-indicator{font-size:.78rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary)}.archive-toggle-link{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:.4rem;transition:all var(--transition)}.archive-toggle-link:hover,.archive-toggle-link.active{color:var(--primary-light)}.workspace-filters-bar{display:flex;gap:1.5rem;padding:1.25rem 1.5rem;border-radius:var(--radius-md);margin-bottom:2.2rem;flex-wrap:wrap;align-items:center}.search-console-wrapper{position:relative;flex-grow:1;min-width:280px}.search-magnifier{position:absolute;top:50%;left:1.1rem;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.search-console-input{width:100%;padding:.8rem 1.2rem .8rem 2.8rem;border-radius:var(--radius-md);background:#ffffff04;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.9rem;outline:none;transition:all var(--transition)}.search-console-input:focus{border-color:var(--primary-light);box-shadow:0 0 15px #e11d4826;background:#0003}.clear-search-btn{position:absolute;top:50%;right:1.1rem;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--text-dim)}.clear-search-btn:hover{color:var(--text-primary)}.filters-dropdowns-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-pill-container{display:flex;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.25rem}.filter-pill{padding:.45rem 1rem;font-size:.82rem;font-weight:600;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.filter-pill:hover{color:var(--text-primary)}.filter-pill.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff!important;box-shadow:0 4px 12px #e11d4840}.sorting-select-wrapper{position:relative}.sorting-dropdown-select{padding:.55rem 1.25rem;border-radius:var(--radius-full);background:#ffffff05;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.82rem;font-weight:600;outline:none;cursor:pointer;transition:all var(--transition)}.sorting-dropdown-select:focus,.sorting-dropdown-select:hover{border-color:var(--text-dim);color:var(--text-primary)}.workspace-quick-actions{margin-bottom:2.2rem}.quick-actions-scroll-container{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.75rem}.quick-action-card{flex:0 0 calc(14.28% - .86rem);min-width:110px;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg);cursor:pointer;position:relative;transition:all var(--transition);border:1.5px solid transparent;gap:.5rem;background:#ffffff05}.quick-action-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0003}.card-badge{position:absolute;top:.5rem;right:.5rem;font-size:.62rem;font-weight:800;padding:.1rem .35rem;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-secondary)}.card-icon-circle{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition)}.quick-action-card:hover .card-icon-circle{transform:scale(1.1)}.card-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-align:center}.quick-action-card:hover .card-label{color:var(--text-primary)}.tint-amber{background:#d9770608;border-color:#d9770626}.tint-amber .card-icon-circle{background:#d9770614;color:#fbbf24}.tint-amber:hover{border-color:#fbbf24;box-shadow:0 8px 30px #d9770626!important}.tint-rose{background:#e11d4808;border-color:#e11d4826}.tint-rose .card-icon-circle{background:#e11d4814;color:#fda4af}.tint-rose:hover{border-color:var(--primary-light);box-shadow:0 8px 30px #e11d4826!important}.tint-teal{background:#0d948808;border-color:#0d948826}.tint-teal .card-icon-circle{background:#0d948814;color:#2dd4bf}.tint-teal:hover{border-color:#2dd4bf;box-shadow:0 8px 30px #0d948826!important}.tint-emerald{background:#05966908;border-color:#05966926}.tint-emerald .card-icon-circle{background:#05966914;color:#34d399}.tint-emerald:hover{border-color:#34d399;box-shadow:0 8px 30px #05966926!important}.tint-pink{background:#db277708;border-color:#db277726}.tint-pink .card-icon-circle{background:#db277714;color:#f472b6}.tint-pink:hover{border-color:#f472b6;box-shadow:0 8px 30px #db277726!important}.tint-green{background:#16a34a08;border-color:#16a34a26}.tint-green .card-icon-circle{background:#16a34a14;color:#4ade80}.tint-green:hover{border-color:#4ade80;box-shadow:0 8px 30px #16a34a26!important}.tint-purple{background:#9333ea08;border-color:#9333ea26}.tint-purple .card-icon-circle{background:#9333ea14;color:#c084fc}.tint-purple:hover{border-color:var(--secondary-light);box-shadow:0 8px 30px #9333ea26!important}.enrolled-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3.5rem}.premium-course-card{border-radius:var(--radius-lg)!important;overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition);background:var(--bg-card);border:1px solid var(--border-subtle);position:relative}.premium-course-card:hover{transform:translateY(-6px)!important;border-color:var(--border-glow);box-shadow:var(--shadow-glow)!important}.card-thumbnail-section{position:relative;aspect-ratio:16 / 9;overflow:hidden;flex-shrink:0}.course-thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--transition)}.premium-course-card:hover .course-thumbnail-image{transform:scale(1.06)}.thumbnail-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#030712d9)}.thumbnail-top-bar{position:absolute;top:.85rem;left:.85rem;right:.85rem;display:flex;justify-content:space-between;align-items:center;z-index:15}.course-badge-tag{background:#03071299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--primary-light);font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(255,255,255,.1)}.card-menu-dots-btn{background:#03071299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.1);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.card-menu-dots-btn:hover{background:#fff;color:#000;transform:scale(1.05)}.course-context-menu{position:absolute;top:34px;right:0;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:0 10px 25px #0006;z-index:50;width:160px;overflow:hidden;display:flex;flex-direction:column}.course-context-menu button{width:100%;padding:.65rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--transition)}.course-context-menu button:hover{background:#ffffff0a;color:var(--text-primary)}.circular-progress-overlay{position:absolute;bottom:.85rem;right:.85rem;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#03071299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;border:1px solid rgba(255,255,255,.15);z-index:15}.circular-chart-widget{width:38px;height:38px}.circle-bg-widget{fill:none;stroke:#ffffff26;stroke-width:3.5}.circle-fill-widget{fill:none;stroke:var(--primary);stroke-width:3.5;stroke-linecap:round;animation:progress 1s ease-out forwards}.circle-progress-text{position:absolute;font-size:.6rem;font-weight:800;color:#fff}.premium-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.course-card-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);line-height:1.4;height:2.8rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-card-stats-row{display:flex;align-items:center;gap:.75rem}.card-stat-item{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-dim);font-weight:500}.card-stat-divider{width:1px;height:12px;background:var(--border-subtle)}.linear-progress-box{width:100%}.linear-progress-bar-bg{width:100%;height:5px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.linear-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full)}.course-resume-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border-radius:var(--radius-md);background:#ffffff05;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.88rem;font-weight:700;cursor:pointer;transition:all var(--transition);margin-top:auto}.course-resume-action-btn:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 15px #e11d4833}.arrow-transition{transition:transform var(--transition)}.course-resume-action-btn:hover .arrow-transition{transform:translate(4px)}.empty-enrollments-card{text-align:center;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;border-radius:var(--radius-lg)}.empty-icon{color:var(--text-dim)}.animate-bounce-slow{animation:bounce-slow 4s infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-enrollments-card h3{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.empty-enrollments-card p{color:var(--text-secondary);font-size:.95rem;max-width:500px;line-height:1.6}.empty-action-row{display:flex;gap:1rem;margin-top:1rem}.console-recommended-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-subtle)}.view-all-console-link{display:flex;align-items:center;gap:.25rem;color:var(--primary-light);font-size:.85rem;font-weight:700}.console-recommended-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.rec-card-premium{border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-subtle);transition:all var(--transition)}.rec-card-premium:hover{transform:translateY(-4px);border-color:var(--border-glow)}.rec-thumb-container{aspect-ratio:16 / 9;position:relative;overflow:hidden}.rec-thumb-container img{width:100%;height:100%;object-fit:cover}.rec-badge-tag{position:absolute;top:.65rem;left:.65rem;background:#03071299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--secondary-light);font-size:.6rem;font-weight:800;padding:.15rem .5rem;border-radius:var(--radius-full)}.rec-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.rec-card-content h4{font-size:.95rem;font-weight:800;line-height:1.3;color:var(--text-primary)}.rec-desc{font-size:.82rem;color:var(--text-dim);line-height:1.5}.rec-card-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.02)}.price-tag{font-size:1rem;font-weight:900;color:var(--primary-light)}.rec-learn-btn{font-size:.78rem;font-weight:700;color:var(--text-primary);background:#ffffff08;border:1px solid var(--border-subtle);padding:.4rem .85rem;border-radius:var(--radius-sm);transition:all var(--transition)}.rec-learn-btn:hover{background:var(--primary);color:#fff;border-color:transparent}.ai-avatar-workspace{border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.avatar-workspace-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.header-meta h2{font-size:1.8rem;font-weight:900;letter-spacing:-.03em;margin-bottom:.5rem}.header-meta p{font-size:.95rem;color:var(--text-secondary);max-width:580px}.avatar-live-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:800;padding:.2rem .6rem;background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-full);margin-bottom:.75rem}.pulse-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.6}}.avatar-premium-visual{display:flex;align-items:center;justify-content:center}.cyber-avatar-ring{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 35px #e11d484d;display:flex;align-items:center;justify-content:center;position:relative}.spinning-sparkle{position:absolute;color:gold;animation:spin 8s linear infinite;opacity:.8}.glowing-avatar-letter{font-size:1.8rem;font-weight:900;color:#fff;z-index:10;letter-spacing:-.05em;text-shadow:0 0 10px rgba(255,255,255,.4)}.ai-chat-interface{display:flex;flex-direction:column;height:480px;background:#0003;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.ai-chat-scrollable{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ai-message-row{display:flex;gap:1rem;max-width:80%}.bot-row{align-self:flex-start}.user-row{align-self:flex-end;flex-direction:row-reverse}.message-sender-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-secondary);flex-shrink:0}.bot-row .message-sender-avatar{background:#e11d481a;border-color:#e11d4833;color:var(--primary-light)}.message-sender-avatar.spinning svg{animation:spin 2s linear infinite}.message-bubble-content{padding:1rem 1.25rem;border-radius:14px;font-size:.9rem;line-height:1.5}.bot-row .message-bubble-content{background:#ffffff05;color:var(--text-primary);border-top-left-radius:2px;border:1px solid rgba(255,255,255,.03)}.user-row .message-bubble-content{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-top-right-radius:2px;box-shadow:0 4px 15px #e11d4826}.loading-bubble{display:flex;gap:.35rem;align-items:center;padding:.75rem 1.25rem}.loading-dot{width:6px;height:6px;background:var(--text-dim);border-radius:50%;animation:typing-dot 1.2s infinite ease-in-out}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-rich-markdown code{background:#0000004d;padding:.2rem .4rem;border-radius:4px;font-size:.85rem;color:var(--primary-light)}.ai-rich-markdown pre{background:#0006;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);overflow-x:auto;font-size:.8rem;margin:.75rem 0;color:#4ade80}.ai-chat-form-input{display:flex;padding:1rem;border-top:1px solid var(--border-subtle);background:#0000001a;gap:.75rem}.ai-chat-form-input input{flex-grow:1;padding:.75rem 1.25rem;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.9rem;outline:none;transition:all var(--transition)}.ai-chat-form-input input:focus{border-color:var(--primary-light)}.ai-chat-form-input .btn{padding:.75rem 1.5rem;font-size:.88rem;border-radius:var(--radius-sm)}.community-workspace{border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.community-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem}.header-text-block h2{font-size:1.8rem;font-weight:900;margin-bottom:.5rem}.header-text-block p{color:var(--text-secondary);font-size:.95rem}.member-counter-pill{display:flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid var(--border-subtle);padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;color:var(--text-secondary)}.community-board-grid{display:flex;gap:2rem;flex-wrap:wrap}.community-main-chat-area{flex:3;min-width:320px;display:flex;flex-direction:column;gap:1.5rem}.community-messages-list{max-height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;padding-right:.5rem}.community-msg-card{padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.community-msg-card:hover{transform:none;border-color:#ffffff0d}.msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.user-profile-unit{display:flex;align-items:center;gap:.75rem}.msg-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.msg-user-meta{display:flex;flex-direction:column}.msg-user-meta .username{font-size:.88rem;font-weight:700;color:var(--text-primary)}.user-badge-rank{font-size:.68rem;color:var(--text-dim)}.msg-timestamp{font-size:.75rem;color:var(--text-dim)}.msg-body{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.community-chat-input-form{display:flex;gap:.75rem}.community-chat-input-form input{flex-grow:1;padding:.8rem 1.25rem;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--border-subtle);color:var(--text-primary);outline:none;font-size:.9rem}.community-chat-input-form input:focus{border-color:var(--primary)}.community-chat-input-form .btn{padding:.8rem 1.75rem;font-size:.85rem;border-radius:var(--radius-sm)}.community-side-members-panel{flex:1;min-width:200px;display:flex;flex-direction:column;gap:1rem}.community-side-members-panel h4{font-size:.95rem;font-weight:800;color:var(--text-primary)}.online-list{display:flex;flex-direction:column;gap:.75rem}.online-user-item{display:flex;align-items:center;gap:.75rem}.avatar-block{width:30px;height:30px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;position:relative}.avatar-block.online:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;background:#10b981;border-radius:50%;border:1.5px solid var(--bg-dark)}.avatar-block.mentor{background:#e11d481a;border-color:#e11d4833;color:var(--primary-light)}.avatar-block.mentor:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;background:#f59e0b;border-radius:50%;border:1.5px solid var(--bg-dark)}.user-details{display:flex;flex-direction:column}.user-details .name{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.rank-badge{font-size:.65rem;color:var(--text-dim)}.rank-badge.gold{color:#fbbf24;font-weight:700}.bookmarks-workspace{border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.bookmarks-header h2{font-size:1.8rem;font-weight:900;margin-bottom:.5rem}.bookmarks-header p{color:var(--text-secondary);font-size:.95rem}.bookmarks-list-wrapper{display:flex;flex-direction:column;gap:2.5rem}.bookmark-category-block h3{font-size:1.1rem;font-weight:800;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-primary)}.bookmark-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.bookmark-item-card{padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative}.bookmark-item-card:hover{transform:none;border-color:#ffffff0d}.item-icon-circle{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-icon-circle.code{background:#16a34a1a;color:#4ade80}.item-icon-circle.doc{background:#db27771a;color:#f472b6}.item-details{display:flex;flex-direction:column;gap:.25rem;padding-right:1.5rem}.item-details h4{font-size:.9rem;font-weight:700;line-height:1.3}.item-details p{font-size:.78rem;color:var(--text-dim);line-height:1.4}.category-marker{width:fit-content;font-size:.65rem;font-weight:800;padding:.1rem .4rem;border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-secondary);text-transform:uppercase;margin-top:.25rem}.delete-bookmark{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:var(--text-dim);cursor:pointer;transition:color var(--transition)}.delete-bookmark:hover{color:#fb7185}.quick-action-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03071299;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:500;padding:1rem}.quick-action-modal{width:100%;max-width:580px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.2rem;box-shadow:0 30px 60px #00000080;display:flex;flex-direction:column;gap:1.5rem}.quick-action-modal:hover{transform:none!important}.border-amber{border-color:#d977064d!important}.border-rose{border-color:#e11d484d!important}.border-teal{border-color:#0d94884d!important}.border-emerald{border-color:#0596694d!important}.border-pink{border-color:#db27774d!important}.border-green{border-color:#16a34a4d!important}.border-purple{border-color:#9333ea4d!important}.modal-top-header{display:flex;justify-content:space-between;align-items:center}.modal-title-row{display:flex;align-items:center;gap:.75rem}.modal-badge{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.modal-badge.tint-amber{background:#d977061a;color:#fbbf24}.modal-badge.tint-rose{background:#e11d481a;color:#fda4af}.modal-badge.tint-teal{background:#0d94881a;color:#2dd4bf}.modal-badge.tint-emerald{background:#0596691a;color:#34d399}.modal-badge.tint-pink{background:#db27771a;color:#f472b6}.modal-badge.tint-green{background:#16a34a1a;color:#4ade80}.modal-badge.tint-purple{background:#9333ea1a;color:#c084fc}.modal-title-row h3{font-size:1.3rem;font-weight:800}.modal-close-icon{background:transparent;border:none;color:var(--text-dim);cursor:pointer;transition:color var(--transition)}.modal-close-icon:hover{color:var(--text-primary)}.modal-details-body{display:flex;flex-direction:column;gap:1.25rem}.modal-description-txt{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.modal-simulated-content{background:#0003;border:1px solid var(--border-subtle);padding:1.25rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.75rem;position:relative}.content-pill{position:absolute;top:.75rem;right:.75rem;font-size:.65rem;font-weight:800;padding:.1rem .4rem;border-radius:var(--radius-sm);background:#10b9811a;color:#34d399;text-transform:uppercase}.modal-simulated-content h4{font-size:.85rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.sim-list,.sim-list-files,.sim-list-links{list-style:none;display:flex;flex-direction:column;gap:.65rem}.sim-list li{font-size:.85rem;font-weight:600;display:flex;justify-content:space-between;color:var(--text-primary)}.time-dur{font-size:.78rem;color:var(--text-dim)}.sim-list-files li{font-size:.85rem;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.btn-down{padding:.25rem .75rem;font-size:.75rem;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.btn-down:hover{background:var(--primary);color:#fff;border-color:transparent}.sim-list-links a{font-size:.85rem;color:var(--primary-light);display:inline-flex;align-items:center;gap:.25rem}.sim-list-links a:hover{text-decoration:underline}.live-classes-sim-box,.quiz-intro-box,.test-intro-box{padding:.5rem 0;display:flex;flex-direction:column;gap:.5rem}.live-classes-sim-box h5,.quiz-intro-box h5,.test-intro-box h5{font-size:.95rem;font-weight:700}.quiz-intro-box p,.test-intro-box p,.live-date-txt{font-size:.82rem;color:var(--text-secondary)}.open-txt{color:#10b981;font-weight:700}.live-classes-sim-box .btn,.quiz-intro-box .btn,.test-intro-box .btn{width:fit-content;padding:.55rem 1.25rem;font-size:.8rem;border-radius:var(--radius-sm);margin-top:.5rem}.modal-footer-action{display:flex;justify-content:flex-end;gap:1rem}.modal-footer-action .btn{padding:.65rem 1.5rem;font-size:.85rem;border-radius:var(--radius-sm)}.course-details-modal{max-width:520px}.modal-course-thumb{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);object-fit:cover}.course-meta-pills-row{display:flex;gap:.5rem}.category-pill-card{font-size:.68rem;font-weight:800;padding:.2rem .6rem;border-radius:var(--radius-sm);background:#e11d481a;color:var(--primary-light);text-transform:uppercase}.level-pill-card{font-size:.68rem;font-weight:800;padding:.2rem .6rem;border-radius:var(--radius-sm);background:#9333ea1a;color:var(--secondary-light);text-transform:uppercase}.meta-section-lbl{font-size:.85rem;font-weight:800;color:var(--text-dim);text-transform:uppercase}.course-desc-txt{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.mentor-row-card{display:flex;align-items:center;gap:.75rem;background:#ffffff04;border:1px solid var(--border-subtle);padding:.75rem 1rem;border-radius:var(--radius-sm)}.mentor-avatar{width:34px;height:34px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}.mentor-meta{display:flex;flex-direction:column}.mentor-name{font-size:.85rem;font-weight:700}.mentor-title{font-size:.7rem;color:var(--text-dim)}.floating-chat-container{position:fixed;bottom:2.2rem;right:2.5rem;z-index:400;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.floating-chat-trigger-bubble{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #e11d4866;position:relative;transition:all var(--transition)}.floating-chat-trigger-bubble:hover{transform:scale(1.06);box-shadow:0 15px 35px #e11d4880}.chat-alert-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;background:#10b981;border-radius:50%;border:2px solid var(--bg-dark)}.floating-chat-widget{width:320px;height:420px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #0006;background:var(--bg-card);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.chat-widget-header{padding:.85rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:#0000001a;display:flex;justify-content:space-between;align-items:center}.agent-meta-block{display:flex;align-items:center;gap:.65rem}.agent-avatar-circle{font-size:1.1rem}.agent-meta-text{display:flex;flex-direction:column}.agent-name{font-size:.8rem;font-weight:700;color:var(--text-primary);line-height:1.2}.agent-status{font-size:.65rem;color:var(--text-dim);display:flex;align-items:center;gap:.25rem}.green-pulsar{width:6px;height:6px;background:#10b981;border-radius:50%;display:inline-block}.chat-close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer}.chat-close-btn:hover{color:var(--text-primary)}.chat-messages-container{flex-grow:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.chat-msg-row{display:flex;max-width:85%}.chat-msg-row.bot{align-self:flex-start}.chat-msg-row.user{align-self:flex-end}.chat-msg-bubble{padding:.65rem .9rem;border-radius:12px;font-size:.82rem;line-height:1.4}.chat-msg-row.bot .chat-msg-bubble{background:#ffffff08;color:var(--text-secondary);border-top-left-radius:2px;border:1px solid rgba(255,255,255,.02)}.chat-msg-row.user .chat-msg-bubble{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-top-right-radius:2px}.chat-input-form-row{padding:.75rem 1rem;border-top:1px solid var(--border-subtle);background:#0000000d;display:flex;gap:.5rem}.chat-input-form-row input{flex-grow:1;padding:.55rem .85rem;border-radius:var(--radius-sm);background:#ffffff03;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.8rem;outline:none}.chat-send-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.chat-send-btn:hover{background:var(--primary-light)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.dashboard-portal{flex-direction:column;overflow-y:auto;max-height:none}.dashboard-sidebar{width:100%!important;height:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}.sidebar-collapsed .dashboard-sidebar{display:none}.sidebar-brand{height:60px}.sidebar-collapse-btn{display:none}.sidebar-nav-container{max-height:250px;padding:.75rem}.sidebar-footer{flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem 1rem}.visit-store-btn{flex-grow:1;margin:0}.sidebar-profile-card{flex-grow:2;margin-left:1rem}.dashboard-console{max-height:none;height:auto;overflow:visible}.console-topbar{padding:0 1.25rem;height:60px}.dashboard-workspace{padding:1.25rem;overflow:visible}.workspace-hero{padding:1.5rem}.hero-grid-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.hero-stats-box{width:100%;justify-content:space-around}.quick-action-card{flex:0 0 110px}.enrolled-courses-grid{grid-template-columns:1fr}.floating-chat-container{bottom:1.5rem;right:1.5rem}}.ad-placeholder{background:#0f172a66;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.ad-leaderboard{width:100%;height:90px}.ad-sidebar{width:100%;height:600px}.ad-square{width:100%;height:250px}.tool-interface{padding:2rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:1.5rem}.tool-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.tool-controls{display:flex;background:#0003;border-radius:var(--radius-md);padding:4px}.btn-mode{background:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.btn-mode:hover{color:var(--text-primary)}.btn-mode.active{background:#ffffff1a;color:var(--primary);box-shadow:0 2px 8px #0003}.tool-actions{display:flex;gap:1rem}.tool-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:600;color:var(--text-secondary);font-size:.95rem;margin-left:.5rem}.input-group textarea{width:100%;min-height:300px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.25rem;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6;resize:vertical;transition:all .3s ease}.input-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #06b6d426}.tool-output-section{margin-top:1rem;animation:fadeIn .5s ease-out}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.output-header h3{font-size:1.25rem;font-weight:700}.diff-output{padding:1.5rem;border-radius:var(--radius-lg);background:#0f172acc;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.7;white-space:pre-wrap;word-break:break-all;min-height:150px}.diff-part{border-radius:3px;padding:0 2px}.diff-added{background:#10b98133;color:#34d399;text-decoration:underline;text-decoration-color:#34d39980}.diff-removed{background:#ef444433;color:#f87171;text-decoration:line-through}.diff-unchanged{color:var(--text-secondary)}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start}.info-card{padding:2.5rem;border-radius:var(--radius-xl)}.info-card h2{font-size:1.75rem;margin-bottom:1.5rem;font-weight:800}.steps-list{padding-left:1.5rem;color:var(--text-secondary);line-height:1.8}.steps-list li{margin-bottom:.75rem}.steps-list strong{color:var(--text-primary)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.benefit-item{padding:1.5rem;background:#ffffff05;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:transform .3s ease}.benefit-item:hover{transform:translateY(-5px);border-color:#06b6d44d}.benefit-icon{color:var(--primary);margin-bottom:1rem;width:32px;height:32px}.benefit-item h4{font-size:1.1rem;margin-bottom:.5rem;font-weight:700}.benefit-item p{color:var(--text-dim);font-size:.9rem;line-height:1.6}.sidebar-widget{padding:1.5rem;border-radius:var(--radius-lg)}.sidebar-widget h3{font-size:1.25rem;margin-bottom:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.sidebar-widget h3:before{content:"";display:block;width:4px;height:16px;background:var(--primary);border-radius:4px}.related-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.related-links a{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-decoration:none;padding:.75rem;border-radius:var(--radius-md);background:#ffffff05;transition:all .3s ease}.related-links a:hover{background:#06b6d41a;color:var(--primary-light)}.faq-section{margin-top:4rem}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.5rem}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-item h4{font-size:1.15rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.faq-item p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}[data-theme=light] .tool-interface{background:#fffc;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 40px #00000008}[data-theme=light] .input-group textarea{background:#00000005;border-color:#0000001a;color:#0f172a}[data-theme=light] .input-group textarea:focus{background:#fff;border-color:#0ea5e9}[data-theme=light] .diff-output{background:#00000008;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .diff-added{background:#10b98126;color:#059669}[data-theme=light] .diff-removed{background:#ef444426;color:#dc2626}[data-theme=light] .diff-unchanged{color:#475569}[data-theme=light] .info-card{background:#fffc;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .benefit-item{background:#00000005;border-color:#0000000d}[data-theme=light] .faq-item{border-bottom-color:#0000000d}[data-theme=light] .ad-placeholder{background:#00000008;border-color:#0000001a;color:#64748b}[data-theme=light] .btn-mode.active{background:#fff;box-shadow:0 2px 5px #0000001a}[data-theme=light] .sidebar-widget{background:#fffc;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .related-links a{background:#00000005}[data-theme=light] .related-links a:hover{background:#0ea5e91a}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.content-sidebar{order:-1;margin-bottom:2rem}.ad-sidebar{height:100px}.related-links{flex-direction:row;flex-wrap:wrap}.related-links li{flex:1;min-width:200px}}@media(max-width:768px){.tool-inputs{grid-template-columns:1fr}.input-group textarea{min-height:200px}.tool-header{flex-direction:column;align-items:stretch}.tool-actions{justify-content:flex-end}.tool-hero{padding:6rem 0 2rem}.tool-title{font-size:2.25rem}.info-card{padding:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._GzYRV{line-height:1.2;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}._3eOF8{margin-right:5px;font-weight:700}._3eOF8+._3eOF8{margin-left:-5px}._1MFti{cursor:pointer}._f10Tu{font-size:1.2em;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._1UmXx:after{content:"▸"}._1LId0:after{content:"▾"}._1pNG9{margin-right:5px}._1pNG9:after{content:"...";font-size:.8em}._2IvMF{background:#eee}._2bkNM{margin:0;padding:0 10px}._1BXBN{margin:0;padding:0}._1MGIk{font-weight:600;margin-right:5px;color:#000}._3uHL6{color:#000}._2T6PJ,._1Gho6{color:#df113a}._vGjyY{color:#2a3f3c}._1bQdo{color:#0b75f5}._3zQKs{color:#469038}._1xvuR{color:#43413d}._oLqym,._2AXVT,._2KJWg{color:#000}._11RoI{background:#002b36}._17H2C,._3QHg2,._3fDAz{color:#fdf6e3}._2bSDX{font-weight:bolder;margin-right:5px;color:#fdf6e3}._gsbQL{color:#fdf6e3}._LaAZe,._GTKgm{color:#81b5ac}._Chy1W{color:#cb4b16}._2bveF{color:#d33682}._2vRm-{color:#ae81ff}._1prJR{color:#268bd2}.tool-page{padding-bottom:6rem}.tool-hero{padding:8rem 0 3rem;position:relative;overflow:hidden;text-align:center}.tool-hero .badge{margin-bottom:1.5rem}.tool-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.1}.tool-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.tool-interface-section{margin:2rem 0}.tool-interface{padding:1.5rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:1.5rem}.tool-panels-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:500px}.tool-panel{display:flex;flex-direction:column;background:#0f172a66;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);min-height:56px}.panel-title{font-weight:600;color:var(--text-primary)}.panel-actions{display:flex;gap:.5rem}.panel-tabs{display:flex;gap:.25rem}.panel-tab{background:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.panel-tab:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.panel-tab.active{background:#06b6d41a;color:var(--primary)}.panel-tab:disabled{opacity:.5;cursor:not-allowed}.panel-body{flex-grow:1;display:flex;flex-direction:column;position:relative}.json-textarea{flex-grow:1;width:100%;padding:1rem;background:transparent;border:none;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6;resize:none}.json-textarea:focus{outline:none}.panel-footer{display:flex;padding:1rem;gap:1rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1)}.output-body{background:#0003;overflow-y:auto;max-height:600px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center;padding:2rem;min-height:300px}.json-pre{margin:0;padding:1rem;width:100%}.json-pre code{font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6}.tree-view-wrapper{padding:1rem;font-family:JetBrains Mono,monospace;font-size:.95rem}[data-theme=light] .tool-panel{background:#fff;border-color:#0000001a}[data-theme=light] .panel-header{background:#00000008;border-bottom-color:#0000001a}[data-theme=light] .panel-footer{background:#00000005;border-top-color:#0000001a}[data-theme=light] .json-textarea{color:#0f172a}[data-theme=light] .output-body{background:#00000005}@media(max-width:900px){.tool-panels-wrapper{grid-template-columns:1fr;min-height:auto}.tool-panel{min-height:400px}.panel-header{flex-direction:column;align-items:stretch;gap:.75rem}.panel-actions{justify-content:flex-end}.panel-tabs{justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}}.word-counter-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}.wc-main{display:flex;flex-direction:column}.wc-editor{display:flex;flex-direction:column;padding:1rem;border-radius:var(--radius-xl)}.wc-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1rem}.wc-actions{display:flex;gap:.5rem;flex-wrap:wrap}.wc-textarea{width:100%;min-height:400px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:1.05rem;line-height:1.7;resize:vertical}.wc-textarea:focus{outline:none}.stats-grid{display:flex;flex-direction:column;gap:1rem}.stat-card{padding:1.25rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.primary-stat{background:#06b6d41a;border-color:#06b6d433;align-items:center;text-align:center}.secondary-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.stat-icon{color:var(--primary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.secondary-stat .stat-icon{margin-bottom:0}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.primary-stat .stat-value{font-size:2.5rem;margin-bottom:.5rem}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.secondary-stat .stat-value{grid-column:2;grid-row:1;font-size:1.25rem;text-align:right}.secondary-stat .stat-label{grid-column:1;grid-row:1}.wc-density{padding:1.5rem;border-radius:var(--radius-xl)}.density-header{margin-bottom:1.5rem}.density-header h3{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.density-subtitle{font-size:.85rem;color:var(--text-dim)}.density-list{display:flex;flex-direction:column;gap:1rem}.density-item{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:1rem}.density-word-info{display:flex;justify-content:space-between;align-items:center}.density-word{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.density-count{font-size:.85rem;color:var(--text-dim)}.density-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.density-bar-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease}.density-percent{font-size:.85rem;font-weight:600;color:var(--primary-light);text-align:right}.empty-state-small{text-align:center;padding:2rem;color:var(--text-dim);font-style:italic;background:#ffffff05;border-radius:var(--radius-lg);border:1px dashed rgba(255,255,255,.1)}[data-theme=light] .wc-editor-header{border-bottom-color:#0000001a}[data-theme=light] .primary-stat{background:#0ea5e90d;border-color:#0ea5e91a}[data-theme=light] .density-bar-bg{background:#0000000d}[data-theme=light] .empty-state-small{background:#00000005;border-color:#0000001a}@media(max-width:900px){.word-counter-layout{grid-template-columns:1fr}.wc-sidebar{order:-1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.primary-stat{grid-column:1 / -1}}@media(max-width:600px){.density-item{grid-template-columns:1fr;gap:.5rem}.density-word-info{justify-content:flex-start;gap:.5rem}.density-percent{display:none}}.case-converter-layout{padding:1.5rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:1.5rem}.cc-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.btn-case{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-case:hover{background:#06b6d41a;border-color:#06b6d44d;color:var(--primary-light);transform:translateY(-2px)}.btn-case svg{color:var(--primary)}.cc-editor-container{display:flex;flex-direction:column;background:#0f172a66;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden}.cc-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1rem}.cc-char-count{font-size:.85rem;color:var(--text-dim);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cc-editor-actions{display:flex;gap:.5rem;flex-wrap:wrap}.cc-textarea{width:100%;min-height:350px;background:transparent;border:none;padding:1.5rem;color:var(--text-primary);font-family:inherit;font-size:1.1rem;line-height:1.6;resize:vertical}.cc-textarea:focus{outline:none}[data-theme=light] .case-converter-layout{background:#fffc;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 40px #00000008}[data-theme=light] .btn-case{background:#fff;border-color:#0000001a;color:#0f172a}[data-theme=light] .btn-case:hover{background:#0ea5e90d;border-color:#0ea5e933;color:#0ea5e9}[data-theme=light] .cc-editor-container{background:#00000005;border-color:#0000001a}[data-theme=light] .cc-editor-header{background:#00000008;border-bottom-color:#0000001a}[data-theme=light] .cc-textarea{color:#0f172a}@media(max-width:600px){.cc-actions-grid{grid-template-columns:repeat(2,1fr)}.cc-editor-header{flex-direction:column;align-items:stretch}.cc-editor-actions{justify-content:flex-end}}@media(max-width:400px){.cc-actions-grid{grid-template-columns:1fr}}.hub-page{padding-bottom:6rem}.hub-hero{padding:6rem 0 3rem;text-align:center}.hub-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em}.hub-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:800px;margin:0 auto 2rem;line-height:1.6}.hub-trust-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.trust-badge{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-primary);font-weight:600}.trust-badge svg{color:var(--primary)}.hub-search-section{position:sticky;top:70px;z-index:40;margin-bottom:3rem;padding:1rem 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hub-search-container{padding:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:1rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-dim)}.hub-search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1.1rem;transition:all .3s ease}.hub-search-input:focus{outline:none;border-color:var(--primary);background:#0f172a99;box-shadow:0 0 0 3px #06b6d41a}.hub-tool-count{position:absolute;right:1rem;background:#06b6d41a;color:var(--primary);padding:.25rem .75rem;border-radius:99px;font-size:.85rem;font-weight:600}.hub-category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.hub-filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.5rem 1rem;border-radius:99px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hub-filter-btn:hover{background:#ffffff1a;color:var(--text-primary)}.hub-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.hub-category-group{margin-bottom:4rem}.category-group-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.category-group-header h2{font-size:2rem;font-weight:800;margin:0}.category-count{background:#ffffff1a;padding:.25rem .75rem;border-radius:99px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.hub-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.hub-tool-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:var(--radius-xl);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.hub-tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hub-tool-card:hover{transform:translateY(-5px);border-color:#06b6d466;box-shadow:0 20px 40px #0003}.hub-tool-card:hover:before{opacity:1}.tool-card-icon-wrapper{width:50px;height:50px;border-radius:var(--radius-lg);background:#06b6d41a;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:1.25rem;transition:all .3s ease}.hub-tool-card:hover .tool-card-icon-wrapper{background:var(--primary);color:#fff;transform:scale(1.05)}.tool-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.tool-card-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.tool-card-category{font-size:.8rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.tool-card-cta{font-size:.9rem;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:.5rem}.hub-empty-state{text-align:center;padding:4rem 2rem;border-radius:var(--radius-2xl)}[data-theme=light] .hub-search-input{background:#fff;border-color:#0000001a;color:#0f172a}[data-theme=light] .hub-search-input:focus{background:#fff;box-shadow:0 0 0 3px #0ea5e91a}[data-theme=light] .hub-filter-btn{background:#fff;border-color:#0000001a;color:var(--text-secondary)}[data-theme=light] .hub-filter-btn:hover{background:#00000008}[data-theme=light] .hub-filter-btn.active{background:var(--primary);color:#fff}[data-theme=light] .tool-card-icon-wrapper{background:#0ea5e91a}[data-theme=light] .hub-tool-card:hover .tool-card-icon-wrapper{background:var(--primary)}@media(max-width:768px){.hub-trust-badges{flex-direction:column;align-items:center;gap:1rem}.hub-search-section{top:60px}.hub-tool-count{display:none}.hub-tools-grid{grid-template-columns:1fr}}.jwt-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.jwt-panel{display:flex;flex-direction:column;border-radius:var(--radius-2xl);overflow:hidden;height:100%}.jwt-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.jwt-panel-header h3{font-size:1.1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.jwt-actions{display:flex;gap:.5rem}.jwt-encoded-editor{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:1rem}.jwt-textarea{flex-grow:1;width:100%;min-height:250px;background:transparent;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:1rem;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.6;resize:vertical;word-break:break-all;transition:all .2s ease}.jwt-textarea:focus{outline:none;border-color:var(--primary);background:#0f172a4d}.jwt-encoded-visual{font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.6;word-break:break-all;padding:1rem;background:#0000004d;border-radius:var(--radius-lg)}.jwt-part-header{color:#fb7185}.jwt-part-payload{color:#c084fc}.jwt-part-signature{color:#38bdf8}.jwt-part-dot{color:var(--text-dim);font-weight:700}.jwt-decoded-content{padding:1.5rem;flex-grow:1;background:#0003;display:flex;flex-direction:column}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-dim);flex-grow:1;min-height:300px}.empty-icon{opacity:.3;margin-bottom:1rem}.error-banner{background:#ef444426;color:#ef4444;padding:1rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.75rem;font-weight:600;border:1px solid rgba(239,68,68,.3)}.decoded-section{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05)}.decoded-section-header{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.decoded-section-header h4{margin:0;font-size:.9rem;font-weight:700;letter-spacing:.5px}.decoded-section-header h4 span{font-weight:400;opacity:.8;font-size:.8rem;margin-left:.5rem}.btn-icon-small{background:transparent;border:none;color:inherit;opacity:.7;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon-small:hover{opacity:1;background:#ffffff1a}.header-color{background:rgba(2fb,113,133,.1);color:#fb7185;border-bottom:1px solid rgba(251,113,133,.2)}.payload-color{background:#c084fc1a;color:#c084fc;border-bottom:1px solid rgba(192,132,252,.2)}.signature-color{background:#38bdf81a;color:#38bdf8;border-bottom:1px solid rgba(56,189,248,.2)}.decoded-json-box{padding:1rem;background:#0000004d;font-family:JetBrains Mono,monospace;font-size:.95rem}.decoded-signature-box{padding:1rem;background:#0000004d;font-family:JetBrains Mono,monospace;font-size:.95rem;color:#38bdf8;word-break:break-all}.decoded-claims-summary{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:1rem}.claims-summary-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.claims-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.claim-card{background:#0003;padding:.75rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem}.claim-name{font-size:.8rem;color:var(--text-dim);font-weight:600}.claim-value{font-size:.95rem;color:var(--text-primary);font-weight:500}.claim-status{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-top:.25rem}.status-success{color:#34d399}.status-warning{color:#fbbf24}.status-error{color:#ef4444}[data-theme=light] .jwt-textarea{border-color:#0003;color:#0f172a}[data-theme=light] .jwt-textarea:focus{background:#0ea5e90d}[data-theme=light] .jwt-encoded-visual,[data-theme=light] .decoded-json-box,[data-theme=light] .decoded-signature-box,[data-theme=light] .claim-card{background:#00000008}[data-theme=light] .jwt-decoded-content{background:#00000005}@media(max-width:900px){.jwt-layout{grid-template-columns:1fr}}.sql-toolbar{padding:1rem 1.5rem;border-radius:var(--radius-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.sql-settings{display:flex;gap:1.5rem;flex-wrap:wrap}.sql-setting-group{display:flex;flex-direction:column;gap:.5rem}.sql-setting-group label{font-size:.85rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.sql-select{padding:.5rem 2.5rem .5rem 1rem;background:#0f172a66;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem top 50%;background-size:.65rem auto;transition:all .2s ease}.sql-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #06b6d433}.sql-primary-actions{display:flex;gap:1rem}.sql-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.sql-panel{display:flex;flex-direction:column;border-radius:var(--radius-2xl);overflow:hidden;height:100%}.sql-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.sql-panel-header h3{font-size:1.1rem;font-weight:700;margin:0}.sql-actions{display:flex;gap:.5rem}.sql-editor-container{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;position:relative}.sql-textarea{flex-grow:1;width:100%;min-height:400px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.25rem;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6;resize:vertical;transition:all .2s ease}.sql-textarea:focus{outline:none;border-color:var(--primary);background:#0f172a4d}.sql-output{border-color:transparent;background:transparent}.sql-output:focus{background:#0006}.sql-error-banner{background:#ef444426;color:#ef4444;padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-weight:600;border:1px solid rgba(239,68,68,.3);font-family:JetBrains Mono,monospace;font-size:.85rem}[data-theme=light] .sql-select{background-color:#fff;border-color:#0000001a;color:#0f172a;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}[data-theme=light] .sql-select:focus{box-shadow:0 0 0 2px #0ea5e933}[data-theme=light] .sql-textarea{border-color:#0000001a;color:#0f172a}[data-theme=light] .sql-textarea:focus{background:#0ea5e90d}@media(max-width:900px){.sql-layout{grid-template-columns:1fr}}@media(max-width:600px){.sql-toolbar{flex-direction:column;align-items:stretch}.sql-primary-actions,.sql-settings{flex-direction:column}}.meta-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.meta-panel{display:flex;flex-direction:column;border-radius:var(--radius-2xl);overflow:hidden}.meta-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.meta-panel-header h3{font-size:1.1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.meta-actions{display:flex;gap:.5rem}.meta-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.flex-1{flex:1}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.meta-form label{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.meta-input,.meta-select,.meta-textarea-sm{width:100%;padding:.75rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .2s ease}.meta-textarea-sm{resize:vertical;min-height:80px}.meta-input:focus,.meta-select:focus,.meta-textarea-sm:focus{outline:none;border-color:var(--primary);background:#0f172a66;box-shadow:0 0 0 3px #06b6d41a}.char-count{font-size:.75rem;text-align:right;margin-top:-.25rem;font-weight:600}.meta-section-divider{margin-top:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.meta-section-divider h4{font-size:1rem;font-weight:700;color:var(--primary-light);margin:0;display:flex;align-items:center;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600!important;color:var(--text-primary)!important;text-transform:none!important;font-size:.95rem!important}.checkbox-label input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.meta-output-col{display:flex;flex-direction:column}.serp-preview-box{padding:1.5rem;background:#fff;display:flex;flex-direction:column;gap:.25rem}.serp-url{font-size:.85rem;color:#202124;display:flex;align-items:center;gap:.5rem}.serp-title{font-size:1.25rem;color:#1a0dab;font-family:Arial,sans-serif;line-height:1.3;cursor:pointer}.serp-title:hover{text-decoration:underline}.serp-desc{font-size:.85rem;color:#4d5156;font-family:Arial,sans-serif;line-height:1.5;word-wrap:break-word}.meta-code-container{padding:1.5rem;background:#0000004d;flex-grow:1}.meta-code{margin:0;color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}[data-theme=light] .meta-input,[data-theme=light] .meta-select,[data-theme=light] .meta-textarea-sm{background:#fff;border-color:#0000001a;color:#0f172a}[data-theme=light] .meta-input:focus,[data-theme=light] .meta-select:focus,[data-theme=light] .meta-textarea-sm:focus{background:#fff;box-shadow:0 0 0 3px #0ea5e91a}[data-theme=light] .meta-code-container{background:#00000008}[data-theme=light] .meta-code{color:#4f46e5}[data-theme=light] .serp-preview-box{border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 6px #0000000d}@media(max-width:900px){.meta-layout{grid-template-columns:1fr}}.pwd-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}.pwd-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.pwd-panel-header h3{font-size:1.1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.pwd-controls{display:flex;flex-direction:column;border-radius:var(--radius-2xl);overflow:hidden}.pwd-settings{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.pwd-slider-group{display:flex;flex-direction:column;gap:.5rem}.pwd-slider-header{display:flex;justify-content:space-between;align-items:center}.pwd-slider-header label{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.pwd-slider-val{background:#0ea5e926;color:var(--primary-light);padding:.2rem .6rem;border-radius:var(--radius-md);font-weight:700;font-size:.9rem}.pwd-range{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.pwd-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;transition:transform .1s}.pwd-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.pwd-options-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.pwd-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.pwd-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.pwd-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.pwd-options-advanced{display:flex;flex-direction:column;gap:.75rem}.pwd-display-col{display:flex;flex-direction:column}.pwd-main-card{border-radius:var(--radius-2xl);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.pwd-primary-box{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.pwd-primary-text{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:600;color:var(--primary-light);word-break:break-all;letter-spacing:1px}.pwd-primary-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-icon{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#ffffff1a;border-color:var(--primary);color:var(--primary-light)}.pwd-strength-container{display:flex;flex-direction:column;gap:.5rem}.pwd-strength-header{display:flex;justify-content:space-between;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.pwd-strength-bar-bg{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.pwd-strength-bar-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.pwd-multi-card{border-radius:var(--radius-2xl);overflow:hidden}.pwd-multi-output{padding:1.5rem;background:#0003}.pwd-textarea{width:100%;min-height:250px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.25rem;color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.6;resize:vertical}.pwd-textarea:focus{outline:none;border-color:var(--primary)}[data-theme=light] .pwd-primary-box{background:#fff;border-color:#0000001a}[data-theme=light] .pwd-primary-text{color:#0f172a}[data-theme=light] .pwd-range{background:#0000001a}[data-theme=light] .btn-icon{background:#f8fafc;border-color:#0000001a;color:#64748b}[data-theme=light] .btn-icon:hover{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1}[data-theme=light] .pwd-strength-bar-bg{background:#0000001a}[data-theme=light] .pwd-multi-output{background:#00000005}[data-theme=light] .pwd-textarea{border-color:#0000001a;color:#4f46e5;background:#fff}@media(max-width:900px){.pwd-layout{grid-template-columns:1fr}}@media(max-width:600px){.pwd-primary-box{flex-direction:column;align-items:stretch}.pwd-primary-actions{justify-content:flex-end}.pwd-primary-text{font-size:1.25rem;word-break:break-all}}.b64-toolbar{padding:1rem 1.5rem;border-radius:var(--radius-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.b64-mode-toggle{display:flex;background:#0003;border-radius:var(--radius-lg);padding:.25rem;border:1px solid rgba(255,255,255,.05)}.btn-mode{padding:.5rem 1.5rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-mode.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px #06b6d433}.btn-mode:not(.active):hover{color:var(--text-primary);background:#ffffff0d}.b64-settings{display:flex;gap:1.5rem;align-items:center}.b64-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}.b64-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.b64-layout{display:flex;flex-direction:column;gap:1rem}@media(min-width:900px){.b64-layout{flex-direction:row;align-items:stretch}}.b64-panel{flex:1;display:flex;flex-direction:column;border-radius:var(--radius-2xl);overflow:hidden}.b64-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.b64-panel-header h3{font-size:1.1rem;font-weight:700;margin:0}.b64-actions{display:flex;gap:.5rem}.b64-editor-container{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;position:relative}.b64-textarea{flex-grow:1;width:100%;min-height:300px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.25rem;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6;resize:vertical;transition:all .2s ease;word-break:break-all}.b64-textarea:focus{outline:none;border-color:var(--primary);background:#0f172a4d}.output-container{background:#0003}.b64-output{border-color:transparent;background:transparent}.b64-output:focus{background:#0006}.b64-output.has-error{color:#ef4444;opacity:.5}.b64-error-banner{background:#ef444426;color:#ef4444;padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-weight:600;border:1px solid rgba(239,68,68,.3);font-size:.85rem;display:flex;align-items:center;gap:.5rem}.b64-swap-container{display:flex;justify-content:center;align-items:center;padding:.5rem 0}.btn-swap{background:var(--primary);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s ease,box-shadow .2s ease;box-shadow:0 4px 12px #06b6d44d}.btn-swap:hover{transform:rotate(180deg);box-shadow:0 6px 16px #06b6d480}[data-theme=light] .b64-mode-toggle{background:#f1f5f9;border-color:#0000000d}[data-theme=light] .btn-mode:not(.active){color:#64748b}[data-theme=light] .btn-mode:not(.active):hover{background:#0000000d;color:#0f172a}[data-theme=light] .b64-textarea{border-color:#0000001a;color:#0f172a}[data-theme=light] .b64-textarea:focus{background:#0ea5e90d}[data-theme=light] .output-container{background:#00000005}@media(max-width:600px){.b64-toolbar{flex-direction:column;align-items:stretch}.b64-mode-toggle{display:grid;grid-template-columns:1fr 1fr}.b64-panel-header{flex-direction:column;gap:1rem;align-items:stretch}.b64-actions{justify-content:stretch}.b64-actions button{flex:1;justify-content:center}}.uuid-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}.uuid-controls{display:flex;flex-direction:column;border-radius:var(--radius-2xl);overflow:hidden}.uuid-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.uuid-panel-header h3{font-size:1.1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.uuid-settings{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.uuid-setting-group{display:flex;flex-direction:column;gap:.5rem}.uuid-setting-group label{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.uuid-select{width:100%;padding:.75rem;border-radius:var(--radius-md);background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:.95rem;outline:none;cursor:pointer}.uuid-select:focus{border-color:var(--primary)}.uuid-qty-grid{display:flex;flex-wrap:wrap;gap:.5rem}.btn-qty{flex:1;min-width:45px;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-qty.active{background:var(--primary);border-color:var(--primary);color:#fff}.btn-qty:hover:not(.active){background:#ffffff1a}.uuid-input{width:100%;padding:.75rem;border-radius:var(--radius-md);background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:.95rem;outline:none}.uuid-input:focus{border-color:var(--primary)}.uuid-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.uuid-options-grid{display:flex;flex-direction:column;gap:.75rem}.uuid-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.uuid-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.uuid-prefix-suffix{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-generate{margin-top:.5rem;display:flex;justify-content:center;gap:.5rem}.uuid-display-col{display:flex;flex-direction:column}.uuid-panel{display:flex;flex-direction:column;border-radius:var(--radius-2xl);overflow:hidden;height:100%}.uuid-actions{display:flex;gap:.5rem}.uuid-editor-container{padding:1.5rem;flex-grow:1;background:#0003;display:flex;flex-direction:column;min-height:400px}.uuid-textarea{flex-grow:1;width:100%;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.25rem;color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6;resize:vertical;transition:all .2s ease}.uuid-textarea:focus{outline:none;border-color:var(--primary)}.uuid-stats-bar{display:flex;background:#0000004d;padding:.75rem 1.5rem;gap:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.stat-label{color:var(--text-secondary);text-transform:uppercase;font-weight:700}.stat-val{color:var(--primary-light);font-weight:700}.uuid-count-badge{background:var(--primary);color:#fff;padding:.1rem .5rem;border-radius:12px;font-size:.75rem;margin-left:.5rem;vertical-align:middle}[data-theme=light] .uuid-select,[data-theme=light] .uuid-input{background:#fff;border-color:#0000001a;color:#0f172a}[data-theme=light] .btn-qty{background:#f1f5f9;border-color:#0000000d;color:#475569}[data-theme=light] .btn-qty.active{background:var(--primary);color:#fff}[data-theme=light] .uuid-editor-container{background:#00000005}[data-theme=light] .uuid-textarea{border-color:#0000001a;color:#4f46e5;background:#fff}[data-theme=light] .uuid-stats-bar{background:#0000000d;border-top-color:#0000000d}@media(max-width:900px){.uuid-layout{grid-template-columns:1fr}}@media(max-width:600px){.uuid-panel-header{flex-direction:column;gap:1rem;align-items:stretch}.uuid-actions{display:grid;grid-template-columns:1fr 1fr}}