@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;background:#0a0a0ab3;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);z-index:1000;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-container{max-width:1280px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em;transition:opacity .3s ease;text-decoration:none}.logo:hover{opacity:.8}.nav-links{display:flex;gap:3rem;align-items:center}.nav-links a{color:#fff9;text-decoration:none;font-weight:400;font-size:.9rem;letter-spacing:.01em;transition:color .3s cubic-bezier(.16,1,.3,1)}.nav-links a:hover{color:#ffffffe6}.cta-button{background:#fff;border:none;padding:.65rem 1.5rem;border-radius:8px;color:#0a0a0a;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em}.cta-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ffffff26}.nav-link-btn{color:#fff9;text-decoration:none;font-weight:400;font-size:.9rem;background:none;border:none;cursor:pointer;padding:0}.nav-link-btn:hover{color:#ffffffe6}.nav-user-menu{position:relative}.nav-user-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-btn:hover{background:#ffffff1f}.nav-user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:160px;background:#141414fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;box-shadow:0 12px 40px #00000080}.nav-user-dropdown a,.nav-user-dropdown button{display:block;width:100%;padding:.6rem 1rem;text-align:left;color:#ffffffe6;text-decoration:none;background:none;border:none;font-size:.9rem;cursor:pointer;border-radius:6px}.nav-user-dropdown a:hover,.nav-user-dropdown button:hover{background:#ffffff14}@media (max-width: 1024px){.nav-links{gap:2rem}}@media (max-width: 768px){.nav-container{padding:0 1.5rem}.nav-links a:not(:last-child){display:none}.logo{font-size:1.25rem}}@media (max-width: 480px){.nav-container{padding:0 1rem}.cta-button{padding:.55rem 1.2rem;font-size:.85rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10rem 3rem 6rem;background:linear-gradient(180deg,#0a0a0a,#111);overflow:hidden;opacity:0;animation:fadeIn .8s cubic-bezier(.16,1,.3,1) .2s forwards}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.hero-content{max-width:900px;text-align:center;z-index:2;position:relative}.hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:600;line-height:1.05;margin-bottom:2rem;color:#fff;letter-spacing:-.03em;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s both}.gradient-text{background:linear-gradient(135deg,#ffffffe6,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:500}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:#ffffff80;margin-bottom:3.5rem;line-height:1.6;font-weight:400;letter-spacing:-.01em;max-width:680px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .6s both}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .8s both}.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:.95rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:#fff;color:#0a0a0a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #fff3}.btn-secondary{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3;color:#ffffffe6;transform:translateY(-2px)}.hero-decoration{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.floating-shape{position:absolute;border-radius:50%;opacity:.03;filter:blur(60px);animation:float 30s infinite ease-in-out}.shape-1{width:500px;height:500px;background:#fff;top:10%;left:10%;animation-delay:0s}.shape-2{width:400px;height:400px;background:#fff;top:60%;right:15%;animation-delay:-10s}.shape-3{width:300px;height:300px;background:#fff;bottom:20%;left:20%;animation-delay:-20s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}@media (max-width: 768px){.hero{padding:8rem 1.5rem 4rem}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.showcase{padding:8rem 0;background:#0a0a0a;position:relative;opacity:0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.showcase.animate-in{opacity:1}.showcase-header{text-align:center;margin-bottom:5rem}.showcase-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;margin-bottom:1.5rem;color:#fff;letter-spacing:-.02em}.showcase-subtitle{font-size:1.1rem;color:#fff6;font-weight:400;letter-spacing:-.01em;max-width:600px;margin:0 auto}.showcase-content{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}.showcase-main{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1000px;margin:0 auto}.orbital-display{position:relative;width:320px;height:320px;margin:0 auto}.central-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.hub-core{width:80px;height:80px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .8s cubic-bezier(.16,1,.3,1)}.hub-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,var(--pulse-color) 0%,transparent 70%);opacity:.3;filter:blur(15px);animation:hubPulse 2s ease-in-out infinite}@keyframes hubPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.5}}.hub-icon{font-size:2rem;font-weight:700;z-index:1;transition:all .8s cubic-bezier(.16,1,.3,1)}.orbital-path{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;animation:pathRotate 20s linear infinite}@keyframes pathRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.path-circle{stroke-dasharray:3,3;animation:dashMove 3s linear infinite}@keyframes dashMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:6}}.orbital-node{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));cursor:pointer;z-index:5;transition:all .8s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit}.node-track{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .8s cubic-bezier(.16,1,.3,1)}.orbital-node.active .node-track{width:80px;height:80px;background:#ffffff0d;border-color:#ffffff26;box-shadow:0 0 20px #ffffff1a,0 0 40px var(--node-color)}.node-core{position:relative;width:50px;height:50px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s cubic-bezier(.16,1,.3,1);z-index:1}.orbital-node.active .node-core{width:65px;height:65px;border-color:var(--node-color);background:#ffffff0f;box-shadow:0 0 20px var(--node-color)}.node-icon{font-size:1.5rem;font-weight:700;color:#fffc;transition:all .8s cubic-bezier(.16,1,.3,1)}.orbital-node.active .node-icon{font-size:1.75rem;color:var(--node-color);filter:drop-shadow(0 0 8px var(--node-color))}.node-label{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:#fff9;white-space:nowrap;opacity:0;transform:translate(-50%) translateY(-10px);transition:all .8s cubic-bezier(.16,1,.3,1)}.orbital-node.active .node-label{opacity:1;transform:translate(-50%) translateY(0);color:#ffffffe6}.orbital-node:hover .node-core{transform:scale(1.1);border-color:#fff3}.orbital-node.active:hover .node-core{transform:scale(1.15)}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.connection-lines line{transition:all .8s cubic-bezier(.16,1,.3,1)}.connection-lines .active-line{filter:drop-shadow(0 0 3px currentColor)}.stats-panel{display:flex;align-items:center;justify-content:center}.panel-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;width:100%;max-width:400px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block;cursor:pointer}.panel-card:hover{transform:translateY(-4px);border-color:#ffffff1f}.panel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--badge-color, rgba(255, 255, 255, .2)),transparent);opacity:0;transition:opacity .8s ease}.panel-card.arqedemy-active:before{--badge-color: #667eea;opacity:1}.panel-card.softademy-active:before{--badge-color: #f093fb;opacity:1}.panel-card.dsademy-active:before{--badge-color: #4facfe;opacity:1}.panel-header{margin-bottom:2rem}.panel-badge{display:inline-block;padding:.5rem 1rem;background:#ffffff0d;border:1px solid var(--badge-color);border-radius:8px;font-size:.9rem;font-weight:600;color:var(--badge-color);margin-bottom:.75rem;transition:all .8s cubic-bezier(.16,1,.3,1)}.panel-description{font-size:1rem;color:#ffffff80;font-weight:400;line-height:1.5}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.panel-stat{text-align:center}.stat-number{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem;transition:all .5s ease}.panel-card.active .stat-number{animation:numberPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes numberPop{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.stat-text{font-size:.75rem;color:#fff6;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.panel-indicators{display:flex;gap:.75rem;justify-content:center}.indicator{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.indicator:hover{background:#fff6;transform:scale(1.2)}.indicator.active{background:var(--indicator-color);width:24px;border-radius:4px;box-shadow:0 0 12px var(--indicator-color)}.showcase-features{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem 0}.feature-item{text-align:center;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-item:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-4px)}.feature-number{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.feature-text{font-size:.9rem;color:#ffffff80;font-weight:400}@media (max-width: 1024px){.showcase-main{grid-template-columns:1fr;gap:3rem}.orbital-display{order:2;width:300px;height:300px}.stats-panel{order:1}.panel-card{max-width:100%}.showcase-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.showcase{padding:6rem 0}.showcase-header{margin-bottom:3rem}.showcase-main{gap:2.5rem}.orbital-display{width:280px;height:280px}.hub-core{width:70px;height:70px}.hub-icon{font-size:1.75rem}.node-core{width:45px;height:45px}.orbital-node.active .node-core{width:55px;height:55px}.node-icon{font-size:1.25rem}.orbital-node.active .node-icon{font-size:1.5rem}.panel-card{padding:2rem}.panel-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-number{font-size:1.5rem}.showcase-features{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.showcase{padding:4rem 0}.orbital-display{width:240px;height:240px}.hub-core{width:60px;height:60px}.hub-icon{font-size:1.5rem}.node-core{width:40px;height:40px}.orbital-node.active .node-core{width:50px;height:50px}.node-icon{font-size:1.1rem}.orbital-node.active .node-icon{font-size:1.3rem}.panel-card{padding:1.5rem}.panel-stats{grid-template-columns:1fr;gap:1.5rem}.stat-number{font-size:1.75rem}}.products{padding:8rem 0;background:#0a0a0a;position:relative;opacity:0}.products.animate-in{opacity:1}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;text-align:center;margin-bottom:1.5rem;color:#fff;letter-spacing:-.02em;opacity:0;transform:translateY(20px);transition:all 1s cubic-bezier(.16,1,.3,1)}.products.animate-in .section-title{opacity:1;transform:translateY(0)}.section-subtitle{text-align:center;color:#fff6;font-size:1.1rem;margin-bottom:5rem;font-weight:400;letter-spacing:-.01em;opacity:0;transform:translateY(20px);transition:all 1s cubic-bezier(.16,1,.3,1) .2s}.products.animate-in .section-subtitle{opacity:1;transform:translateY(0)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;margin-top:3rem}.product-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:3rem;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.products.animate-in .product-card{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s ease}.product-card:hover{transform:translateY(-4px);border-color:#ffffff1a;background:#ffffff08}.product-card:hover:before{opacity:1}.product-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.product-icon{width:48px;height:48px;color:#fffc;transition:all .4s cubic-bezier(.16,1,.3,1)}.icon-animate{animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.product-card:hover .product-icon{transform:translateY(-2px);color:#fffffff2}.product-icon svg{width:100%;height:100%}.product-tagline{font-size:.85rem;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.product-name{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:#fff;letter-spacing:-.02em}.product-description{color:#ffffff80;line-height:1.7;margin-bottom:2rem;font-size:.95rem;font-weight:400;letter-spacing:-.01em}.product-features{list-style:none;margin-bottom:2.5rem}.product-features li{color:#fff9;padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.9rem;font-weight:400;transition:color .3s ease}.product-features li:before{content:"—";position:absolute;left:0;color:#ffffff4d;font-weight:300}.product-card:hover .product-features li{color:#ffffffb3}.product-button{width:100%;padding:.9rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);font-size:.9rem;letter-spacing:.01em;text-decoration:none;display:block;text-align:center}.product-button:hover{background:#ffffff0d;border-color:#fff3;color:#fffffff2;transform:translate(2px)}@media (max-width: 768px){.products{padding:6rem 0}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{padding:2.5rem}}.cta-section{padding:8rem 0;background:#0a0a0a;text-align:center;position:relative;opacity:0;border-top:1px solid rgba(255,255,255,.05)}.cta-section.animate-in{opacity:1}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0%,transparent 70%);pointer-events:none}.cta-section .container{position:relative;z-index:1}.cta-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:600;margin-bottom:1.5rem;color:#fff;letter-spacing:-.02em}.cta-subtitle{font-size:1.1rem;color:#ffffff80;margin-bottom:3rem;font-weight:400;letter-spacing:-.01em;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.cta-large-button{padding:1.1rem 2.5rem;font-size:.95rem;font-weight:500;background:#fff;border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cta-large-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #ffffff26}.cta-secondary-button{padding:1.1rem 2.5rem;font-size:.95rem;font-weight:500;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cta-secondary-button:hover{background:#ffffff0d;border-color:#fff3;color:#ffffffe6;transform:translateY(-2px)}.cta-trust{padding-top:3rem;border-top:1px solid rgba(255,255,255,.05)}.trust-text{font-size:.85rem;color:#fff6;margin-bottom:1.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.trust-logos{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.trust-logo{font-size:1rem;font-weight:500;color:#ffffff80;transition:color .3s ease}.trust-logo:hover{color:#fffc}@media (max-width: 768px){.cta-section{padding:6rem 0}.cta-buttons{flex-direction:column}.cta-large-button,.cta-secondary-button{width:100%}.trust-logos{gap:2rem}}.footer{background:#0a0a0a;padding:5rem 0 2.5rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:5rem;margin-bottom:3rem}.footer-brand h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em}.footer-brand p{color:#fff6;font-size:.9rem;font-weight:400;line-height:1.6;margin-bottom:2rem}.footer-social{display:flex;gap:1.5rem}.footer-social a{color:#ffffff80;text-decoration:none;font-size:.9rem;font-weight:400;transition:color .3s ease}.footer-social a:hover{color:#fffc}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.footer-column h4{color:#ffffffe6;margin-bottom:1.25rem;font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.footer-column a{display:block;color:#ffffff80;text-decoration:none;margin-bottom:.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:.9rem;font-weight:400}.footer-column a:hover{color:#fffc;transform:translate(2px)}.footer-bottom{text-align:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.05);color:#ffffff4d;font-size:.85rem;font-weight:400}@media (max-width: 1024px){.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:1fr;gap:2.5rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(180deg,#0a0a0a,#111)}.auth-card{width:100%;max-width:400px;padding:2.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-back-link{display:inline-block;font-size:.85rem;color:#fff6;text-decoration:none;margin-bottom:1.5rem;transition:color .2s ease}.auth-back-link:hover{color:#fffc}.auth-title{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:.25rem;letter-spacing:-.02em}.auth-subtitle{font-size:.95rem;color:#ffffff80;margin-bottom:2rem}.auth-config-banner{padding:.85rem 1rem;margin:-.5rem 0 1.25rem;font-size:.85rem;line-height:1.5;color:#fbbf24f2;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:8px}.auth-config-banner code{font-size:.8em;font-family:ui-monospace,monospace}.auth-error{padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.9rem;margin-bottom:1.25rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-field label{font-size:.875rem;font-weight:500;color:#fffc}.auth-field input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;transition:border-color .2s,background .2s}.auth-field input::placeholder{color:#ffffff4d}.auth-field input:focus{outline:none;border-color:#ffffff4d;background:#ffffff12}.auth-submit{padding:.875rem 1.5rem;background:#fff;color:#0a0a0a;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.25rem}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #ffffff26}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{font-size:.8rem;color:#fff6}.auth-google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-google:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.auth-google:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:#ffffff80}.auth-footer a{color:#fff;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0a0a0a;color:#fff9}.auth-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0a0a0a}.not-found-content{text-align:center;max-width:480px}.not-found-code{font-size:clamp(6rem,15vw,10rem);font-weight:200;color:#ffffff0f;letter-spacing:-.04em;line-height:1;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.not-found-content h1{font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em}.not-found-content p{font-size:1rem;color:#ffffff73;font-weight:300;margin-bottom:2.5rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center}.nf-primary{padding:.85rem 2rem;background:#fff;color:#0a0a0a;border-radius:0;font-size:.85rem;font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .3s cubic-bezier(.16,1,.3,1)}.nf-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffffff26}.nf-secondary{padding:.85rem 2rem;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:0;font-size:.85rem;font-weight:400;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .3s cubic-bezier(.16,1,.3,1)}.nf-secondary:hover{background:#ffffff0d;border-color:#fff3;color:#fff}@media (max-width: 480px){.not-found-actions{flex-direction:column}}.arqedemy-nav{position:fixed;top:0;left:0;right:0;background:#0a0a0ab3;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.05);z-index:1000;padding:1.5rem 0;transition:all .4s cubic-bezier(.16,1,.3,1)}.arqedemy-nav-container{max-width:1600px;margin:0 auto;padding:0 5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.arqedemy-nav-left{display:flex;align-items:center;gap:.5rem}.product-switcher{position:relative}.product-switcher-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .1rem;background:transparent;border:none;cursor:pointer;color:#ffffffe6;transition:color .2s ease}.product-switcher-btn:hover{color:#fff}.product-switcher-btn svg{color:#fff6;transition:transform .2s ease}.product-switcher-btn[aria-expanded=true] svg{transform:rotate(180deg)}.product-switcher-name{font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.product-switcher-dropdown{position:absolute;top:calc(100% + .75rem);left:0;min-width:240px;background:#0f0f0ffa;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.5rem;z-index:1001;box-shadow:0 16px 48px #00000080;animation:switcherIn .15s ease}@keyframes switcherIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.product-switcher-item{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .15s ease}.product-switcher-item:hover{background:#ffffff0f}.product-switcher-item.active{background:#ffffff0a}.product-switcher-item-name{font-size:.95rem;font-weight:500;color:#ffffffe6}.product-switcher-item.active .product-switcher-item-name{color:#fff}.product-switcher-item-desc{font-size:.75rem;color:#ffffff59;font-weight:300}.arqedemy-nav-tabs{display:flex;gap:.5rem;flex:1;justify-content:center}.nav-tab{padding:.65rem 1.25rem;background:transparent;border:none;color:#fff9;font-size:.9rem;font-weight:400;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em;text-decoration:none}.nav-tab:hover,.nav-tab.active{color:#ffffffe6;background:#ffffff0d}.arqedemy-nav-actions{display:flex;gap:.75rem;align-items:center}.arqedemy-user-menu{position:relative}.arqedemy-user-btn{padding:.5rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:.85rem;cursor:pointer;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arqedemy-user-btn:hover{background:#ffffff1f}.arqedemy-user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:140px;background:#141414fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;box-shadow:0 12px 40px #00000080}.arqedemy-user-dropdown button{display:block;width:100%;padding:.6rem 1rem;text-align:left;color:#ffffffe6;background:none;border:none;font-size:.9rem;cursor:pointer;border-radius:6px}.arqedemy-user-dropdown button:hover{background:#ffffff14}.nav-action-btn{padding:.65rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em}.nav-action-btn:hover{background:#ffffff0d;border-color:#fff3;color:#ffffffe6}.nav-action-btn.primary{background:#fff;border:none;color:#0a0a0a;font-weight:500}.nav-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ffffff26}@media (max-width: 1024px){.arqedemy-nav-container{padding:0 1.5rem}.arqedemy-nav-tabs{gap:.25rem}.nav-tab{padding:.5rem .75rem}.tab-label{display:none}}@media (max-width: 768px){.arqedemy-nav-container{padding:0 1rem}.arqedemy-nav-actions{display:none}}.arqedemy-breadcrumb{max-width:1600px;margin:0 auto;padding:.75rem 5rem;border-bottom:1px solid rgba(255,255,255,.06)}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;font-size:.85rem}.breadcrumb-item{display:flex;align-items:center;gap:.25rem}.breadcrumb-sep{color:#ffffff40;margin-right:.25rem}.breadcrumb-link{color:#ffffff80;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#ffffffe6}.breadcrumb-text{color:#ffffff80}.breadcrumb-current{color:#ffffffe6;font-weight:500}@media (max-width: 768px){.arqedemy-breadcrumb{padding:.75rem 1.5rem}}.arqedemy-app{min-height:100vh;background:#0a0a0a;position:relative;opacity:0;animation:pageEnter .6s cubic-bezier(.16,1,.3,1) forwards}.arqedemy-app.entering{animation:pageEnter .6s cubic-bezier(.16,1,.3,1) forwards}.arqedemy-app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.arqedemy-content{padding-top:5rem}.arqedemy-main{position:relative;z-index:1;padding-top:0;min-height:calc(100vh - 5rem);opacity:0;transform:translateY(20px);animation:contentEnter .6s cubic-bezier(.16,1,.3,1) .2s forwards}.arqedemy-main.entering{opacity:0;transform:translateY(20px);animation:contentEnter .6s cubic-bezier(.16,1,.3,1) .2s forwards}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@keyframes contentEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.arqedemy-landing{max-width:1600px;margin:0 auto;padding:3rem 5rem 6rem}.continue-section{margin-bottom:3.5rem}.continue-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;animation:continueIn .5s cubic-bezier(.16,1,.3,1) forwards}.continue-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#4facfe,transparent);opacity:.6}@keyframes continueIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.continue-info{flex:1;min-width:0}.continue-label{display:block;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:.5rem}.continue-info h3{font-size:1.15rem;font-weight:500;color:#fffffff2;margin:0 0 .35rem;letter-spacing:-.02em}.continue-info p{font-size:.82rem;color:#fff6;font-weight:300;margin:0 0 .65rem}.continue-bar{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;max-width:320px}.continue-fill{height:100%;background:linear-gradient(90deg,#667eea,#4facfe);border-radius:2px;transition:width .8s cubic-bezier(.16,1,.3,1)}.continue-btn{flex-shrink:0;padding:.6rem 1.5rem;background:#fff;color:#0a0a0a;font-size:.82rem;font-weight:600;border:none;border-radius:0;text-decoration:none;letter-spacing:.02em;transition:all .25s cubic-bezier(.16,1,.3,1)}.continue-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ffffff26}.landing-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:6rem;margin-bottom:8rem;padding:0;background:transparent;border:none;border-radius:0;align-items:center}.hero-badge{display:inline-block;padding:.4rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.75rem;font-weight:400;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.hero-content h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:500;color:#fff;margin-bottom:1.5rem;letter-spacing:-.04em;line-height:1.1}.hero-content p{font-size:clamp(1.15rem,2vw,1.4rem);color:#ffffff80;margin-bottom:3rem;line-height:1.7;font-weight:300;letter-spacing:-.01em;max-width:90%}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.hero-primary-btn{padding:.9rem 2rem;background:#fff;color:#0a0a0a;border:none;border-radius:0;font-size:.9rem;font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .4s cubic-bezier(.16,1,.3,1)}.hero-primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #fff3}.hero-secondary-btn{padding:.9rem 2rem;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:0;font-size:.9rem;font-weight:400;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .4s cubic-bezier(.16,1,.3,1)}.hero-secondary-btn:hover{background:#ffffff0d;border-color:#fff3;color:#fff}.hero-stats{display:flex;gap:4rem;margin-top:0}.hero-stat{text-align:left}.hero-stat .stat-value{font-size:2.5rem;font-weight:400;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em;line-height:1}.hero-stat .stat-label{font-size:.875rem;color:#fff6;font-weight:300;letter-spacing:.02em;text-transform:uppercase}.hero-visual{display:flex;align-items:center;justify-content:center;padding:2rem 0}.architecture-diagram{display:flex;flex-direction:column;gap:1.5rem;width:100%;position:relative}.arch-layer{display:flex;gap:1rem;justify-content:center;align-items:center;position:relative;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.arch-layer:nth-child(1){animation-delay:.1s}.arch-layer:nth-child(2){animation-delay:.3s}.arch-layer:nth-child(3){animation-delay:.5s}.arch-layer:nth-child(4){animation-delay:.7s}.architecture-diagram{animation:subtleBreath 6s ease-in-out infinite}.arch-layer:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:1.5rem;background:#ffffff1a;transform:translate(-50%);animation:expandLine .4s cubic-bezier(.16,1,.3,1) .3s backwards,dataFlow 2.5s ease-in-out infinite;animation-delay:.3s,1s}@keyframes dataFlow{0%,to{opacity:.1;height:1.5rem}50%{opacity:.4;height:2rem}}.arch-layer:last-child:after{display:none}.arch-component{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem 1.5rem;font-size:.85rem;font-weight:400;color:#fffc;text-align:center;min-width:120px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;animation:fadeInScale .5s cubic-bezier(.16,1,.3,1) backwards,gentleFloat 5s ease-in-out infinite}.arch-component:nth-child(1){animation-delay:.2s,0s}.arch-component:nth-child(2){animation-delay:.3s,.8s}.arch-component:nth-child(3){animation-delay:.4s,1.6s}.arch-component:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#ffffff0d;opacity:0;transition:opacity .4s ease;pointer-events:none}.arch-component:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px);color:#fffffff2}.arch-component.highlight{border-color:#667eea4d;background:#667eea14;color:#fffffff2;box-shadow:0 0 24px #667eea1a}.arch-component:hover:after{opacity:1;animation:pulseGlow 2s ease-in-out infinite}.arch-component:hover:before{opacity:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes expandLine{0%{height:0;opacity:0}to{height:1.5rem;opacity:1}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:.8}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes subtleBreath{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.01)}}.landing-features{margin-bottom:8rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}.feature-card{padding:0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0;padding-bottom:2rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:hover{border-bottom-color:#ffffff1f;transform:translateY(-2px)}.feature-index{font-size:.7rem;font-weight:400;color:#ffffff40;letter-spacing:.1em;margin-bottom:1.25rem;font-variant-numeric:tabular-nums}.feature-card h3{font-size:1.5rem;font-weight:400;color:#ffffffe6;margin-bottom:1rem;letter-spacing:-.02em}.feature-card p{font-size:1rem;color:#ffffff80;line-height:1.7;font-weight:300}.landing-cta{text-align:center;padding:6rem 0;border-top:1px solid rgba(255,255,255,.06)}.landing-cta h2{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:#fff;margin-bottom:1rem;letter-spacing:-.03em}.landing-cta p{font-size:clamp(1.1rem,2vw,1.3rem);color:#ffffff80;margin-bottom:3rem;font-weight:300}.landing-cta .cta-button{display:inline-block;padding:1rem 3rem;background:#fff;border:none;border-radius:0;color:#0a0a0a;font-size:1rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);letter-spacing:.02em;text-transform:uppercase;text-decoration:none}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fff3}@media (max-width: 1200px){.arqedemy-landing{padding:3rem 4rem 6rem}.landing-hero{gap:5rem}.features-grid{gap:3rem}}@media (max-width: 768px){.arqedemy-landing{padding:1.5rem 1.5rem 3rem}.landing-hero{grid-template-columns:1fr;gap:3rem;margin-bottom:5rem}.hero-stats{gap:2rem;flex-wrap:wrap}.features-grid{grid-template-columns:1fr;gap:2rem}.landing-cta{padding:4rem 0}}.course-roadmap{--accent: #4facfe;animation:rmFadeIn .5s ease forwards}@keyframes rmFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.roadmap-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:0;padding:2rem 2.25rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.roadmap-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.5}.roadmap-hero-main{flex:1;min-width:0}.roadmap-hero-title{font-size:1.65rem;font-weight:400;color:#fffffff2;margin:0 0 .5rem;letter-spacing:-.03em}.roadmap-hero-subtitle{font-size:.95rem;color:#ffffff80;margin:0 0 1.25rem;font-weight:300;line-height:1.6;max-width:480px}.roadmap-start-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.7rem 1.5rem;background:var(--accent);color:#0a0a0a;font-size:.85rem;font-weight:600;letter-spacing:.01em;border:none;border-radius:0;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.roadmap-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #4facfe4d}.roadmap-hero-stats{display:flex;gap:2rem;flex-shrink:0;padding-top:.25rem}.roadmap-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.roadmap-stat-value{font-size:1.5rem;font-weight:400;color:#ffffffe6;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.roadmap-stat-label{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59}.roadmap-progress-bar-wrap{margin-bottom:2rem}.roadmap-progress-bar{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.roadmap-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .8s cubic-bezier(.16,1,.3,1)}.roadmap-error{color:#ffffff80;font-size:.95rem;margin:0}.learning-paths{display:flex;flex-direction:column;gap:1.75rem}.level-section{opacity:0;animation:rmLevelIn .5s ease forwards}.level-section:nth-child(1){animation-delay:.05s}.level-section:nth-child(2){animation-delay:.15s}.level-section:nth-child(3){animation-delay:.25s}@keyframes rmLevelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.level-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:0;margin-bottom:0}.level-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:5px}.level-header-content{flex:1;min-width:0}.level-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.3rem}.level-title{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#fffc;margin:0}.level-count{font-size:.75rem;font-weight:400;color:#ffffff59;font-variant-numeric:tabular-nums}.level-desc{font-size:.82rem;font-weight:300;color:#fff6;margin:0 0 .65rem;line-height:1.5}.level-bar{height:2px;background:#ffffff0f;border-radius:1px;overflow:hidden;margin-bottom:.5rem}.level-bar-fill{height:100%;border-radius:1px;transition:width .8s cubic-bezier(.16,1,.3,1)}.level-stats-row{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:400;color:#ffffff4d}.level-stats-dot{color:#ffffff26}.level-cards{display:flex;flex-direction:column;gap:0}.step-card{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);border-radius:0;cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:0;animation:rmStepIn .4s ease forwards}.step-card:last-child{border-bottom:1px solid rgba(255,255,255,.06)}.step-card:nth-child(1){animation-delay:.08s}.step-card:nth-child(2){animation-delay:.12s}.step-card:nth-child(3){animation-delay:.16s}.step-card:nth-child(4){animation-delay:.2s}.step-card:nth-child(5){animation-delay:.24s}.step-card:nth-child(6){animation-delay:.28s}.step-card:nth-child(7){animation-delay:.32s}.step-card:nth-child(8){animation-delay:.36s}.step-card:nth-child(9){animation-delay:.4s}.step-card:nth-child(n+10){animation-delay:.44s}@keyframes rmStepIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.step-card.visible{opacity:1;transform:translate(0)}.step-card:hover:not(.step-card--completed){background:#ffffff08;transform:translate(4px)}.step-card--next{background:#4facfe0a;border-left-color:var(--accent);border-left-width:2px}.step-card--completed{opacity:.65}.step-card--completed:hover{background:#ffffff05;opacity:.8}.step-card:focus-visible{outline:none;box-shadow:0 0 0 1px var(--accent)}.step-card-num{flex-shrink:0;font-size:.7rem;font-weight:400;color:#fff3;font-variant-numeric:tabular-nums;width:1.5rem;text-align:right}.step-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:0;color:#ffffff80;transition:all .3s ease}.step-card:hover:not(.step-card--completed) .step-card-icon{border-color:#ffffff26;color:#fffc}.step-card--next .step-card-icon{border-color:#4facfe4d;color:var(--accent);background:#4facfe0f}.step-card--completed .step-card-icon{background:#4facfe14;border-color:#4facfe26;color:#4facfeb3}.step-card-icon svg{width:18px;height:18px}.step-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.step-card-title{font-size:.92rem;font-weight:400;color:#ffffffe0;line-height:1.35;letter-spacing:-.01em}.step-card--completed .step-card-title{color:#ffffff80}.step-card-badge{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;width:fit-content}.step-card-badge--lesson{color:#4facfe99}.step-card-badge--quiz{color:#f5576c99}.step-card-status{flex-shrink:0;font-size:.78rem;font-weight:400;color:#ffffff40;transition:all .25s ease}.step-card:hover:not(.step-card--completed) .step-card-status{color:var(--accent);transform:translate(3px)}.step-card-status--done{color:#4facfe99}.step-card-status--cta{color:var(--accent);font-weight:500}@media (max-width: 768px){.roadmap-hero{flex-direction:column;padding:1.5rem;gap:1.25rem}.roadmap-hero-stats{width:100%;justify-content:space-around;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.roadmap-hero-title{font-size:1.35rem}.level-header{padding:1rem 1.25rem}.step-card{padding:.85rem 1rem;gap:.75rem}.step-card-num{display:none}.step-card-icon{width:36px;height:36px}.step-card-title{font-size:.88rem}}.lesson-container{max-width:1000px;margin:0 auto;padding:3rem 5rem}.lesson-header{margin-bottom:3rem}.lesson-back-btn{padding:.5rem 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;color:#ffffffb3;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);margin-bottom:2rem;letter-spacing:.02em}.lesson-back-btn:hover{border-bottom-color:#fff6;color:#ffffffe6}.lesson-progress{display:flex;align-items:center;gap:1.5rem}.progress-steps{display:flex;gap:.5rem;flex:1}.progress-step{flex:1;height:4px;background:#ffffff1a;border-radius:2px;cursor:pointer;transition:all .3s ease}.progress-step.active{background:#ffffff4d}.progress-step:hover{background:#fff3}.lesson-content{background:transparent;border:none;border-radius:0}.lesson-section{margin-bottom:3rem}.lesson-section h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;color:#ffffffe6;margin-bottom:2rem;letter-spacing:-.02em;line-height:1.3}.lesson-text{color:#ffffffb3;line-height:1.8;font-size:1.1rem;font-weight:300}.lesson-text p{margin-bottom:1.5rem}.lesson-content-markdown{color:#ffffffb3;line-height:1.8;font-size:1.1rem;font-weight:300}.lesson-content-markdown p{margin-bottom:1.5rem}.lesson-content-markdown h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;color:#ffffffe6;margin-top:2rem;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.3}.lesson-content-markdown h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;color:#ffffffe6;margin-top:1.5rem;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.3}.lesson-content-markdown h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;color:#ffffffe6;margin-top:1.5rem;margin-bottom:1rem;letter-spacing:-.01em}.lesson-content-markdown strong{font-weight:500;color:#ffffffe6}.lesson-content-markdown em{font-style:italic}.lesson-content-markdown a{color:#4facfecc;text-decoration:underline;transition:color .3s ease}.lesson-content-markdown a:hover{color:#4facfe}.lesson-content-markdown ul,.lesson-content-markdown ol{margin-left:2rem;margin-bottom:1.5rem}.lesson-content-markdown li{margin-bottom:.5rem}.lesson-example{margin-top:2rem;padding:2rem;background:#ffffff08;border-left:2px solid rgba(255,255,255,.2)}.lesson-example h3{font-size:1.25rem;font-weight:500;color:#ffffffe6;margin-bottom:1rem}.lesson-example p{color:#fff9;line-height:1.7}.lesson-video{margin-bottom:2rem}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#ffffff0d;margin-bottom:1.5rem}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-description{color:#fff9;font-size:.95rem;line-height:1.6;font-weight:300}.lesson-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.nav-btn{padding:.75rem 2rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:0;color:#ffffffe6;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);letter-spacing:.02em;text-transform:uppercase}.nav-btn:hover:not(:disabled){border-color:#fff6;background:#ffffff0d}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.next-btn{background:#ffffff1a;border-color:#ffffff4d}.next-btn:hover:not(:disabled){background:#ffffff26}@media (max-width: 768px){.lesson-container{padding:2rem}.lesson-navigation{flex-direction:column;gap:1rem}.nav-btn{width:100%}}.quiz-container{max-width:900px;margin:0 auto;padding:3rem 5rem}.quiz-header{margin-bottom:3rem}.quiz-back-btn{padding:.5rem 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;color:#ffffffb3;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);margin-bottom:2rem;letter-spacing:.02em}.quiz-back-btn:hover{border-bottom-color:#fff6;color:#ffffffe6}.quiz-progress{display:flex;align-items:center;gap:1.5rem}.quiz-content{background:transparent;border:none;border-radius:0}.question-section{margin-bottom:3rem}.question-section h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:400;color:#ffffffe6;margin-bottom:2.5rem;letter-spacing:-.01em;line-height:1.4}.options-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.option{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:0;color:#fffc;font-size:1rem;font-weight:300;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left;width:100%}.option:hover:not(:disabled){background:#ffffff0f;border-color:#fff3;transform:translate(4px)}.option.selected{background:#ffffff14;border-color:#ffffff4d}.option.correct{background:#4facfe26;border-color:#4facfe;color:#ffffffe6}.option.incorrect{background:#f5576c26;border-color:#f5576c;color:#ffffffe6}.option:disabled{cursor:not-allowed}.option-letter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:0;font-weight:500;font-size:.9rem;flex-shrink:0}.option.correct .option-letter{background:#4facfe;color:#0a0a0a}.option.incorrect .option-letter{background:#f5576c;color:#0a0a0a}.option-text{flex:1;line-height:1.5}.option-check,.option-cross{font-size:1.25rem;font-weight:600}.option-check{color:#4facfe}.option-cross{color:#f5576c}.result-message{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff0d;border-left:3px solid;margin-top:1.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-message.correct{border-color:#4facfe;background:#4facfe1a}.result-message.incorrect{border-color:#f5576c;background:#f5576c1a}.result-icon{font-size:1.5rem;font-weight:600;flex-shrink:0}.result-message.correct .result-icon{color:#4facfe}.result-message.incorrect .result-icon{color:#f5576c}.result-message p{color:#fffc;font-size:1rem;line-height:1.6;margin:0}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.quiz-score{font-size:1rem;color:#ffffffb3;font-weight:400}.nav-btn{padding:.75rem 2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:0;color:#ffffffe6;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);letter-spacing:.02em;text-transform:uppercase}.nav-btn:hover{background:#ffffff26;border-color:#fff6}@media (max-width: 768px){.quiz-container{padding:2rem}.quiz-navigation{flex-direction:column;gap:1rem;align-items:stretch}.nav-btn{width:100%}.option{padding:1rem;gap:1rem}}.course-detail{--accent: #4facfe;max-width:1100px;margin:0 auto;padding:2rem 3rem 4rem}.course-detail-header{margin-bottom:2rem}.course-back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:400;color:#ffffff80;text-decoration:none;margin-bottom:1.75rem;transition:color .2s ease}.course-back-link:hover{color:var(--accent)}.course-detail-hero{display:flex;flex-direction:column;gap:.75rem}.course-level-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);width:fit-content}.course-title{font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:500;color:#fffffffa;margin:0;letter-spacing:-.02em;line-height:1.25}.course-description{font-size:1.05rem;color:#ffffff8c;font-weight:400;line-height:1.6;margin:0}.course-detail-missing{padding:4rem 2rem;text-align:center}.course-detail-missing p{color:#ffffff80;font-size:.95rem;margin:0}.course-detail-missing a{color:var(--accent);text-decoration:none}.course-detail-missing a:hover{text-decoration:underline}@media (max-width: 768px){.course-detail{padding:1.5rem 1.25rem 4rem}.course-detail-header{margin-bottom:2rem}}.arqedemy-courses{max-width:1400px;margin:0 auto;padding:3rem 4rem 6rem}.courses-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.courses-header h1{font-size:clamp(2.75rem,5vw,4rem);font-weight:500;color:#fff;margin-bottom:.5rem;letter-spacing:-.04em;line-height:1.1}.courses-header p{font-size:clamp(1rem,1.8vw,1.25rem);color:#ffffff80;font-weight:300;letter-spacing:-.01em;line-height:1.5}.courses-refresh-btn{padding:.6rem 1.25rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s ease}.courses-refresh-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.courses-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.courses-buckets{display:flex;flex-direction:column;gap:4rem}.topic-bucket{--bucket-color: rgba(79, 172, 254, .5)}.topic-bucket-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.topic-bucket-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:500;color:#fff;margin:0;letter-spacing:-.03em;position:relative}.topic-bucket-title:before{content:"";position:absolute;left:0;bottom:-.5rem;width:3rem;height:2px;background:var(--bucket-color)}.topic-bucket-count{font-size:.85rem;color:#ffffff59;font-weight:400}.topic-bucket-empty{padding:3rem 2rem;text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.06);border-radius:12px}.topic-bucket-empty p{color:#fff6;font-size:.95rem;margin:0}.topic-bucket-paths{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.path-card{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.path-card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--course-color);opacity:0;transition:opacity .3s ease}.path-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.path-card:hover .path-card-accent,.path-card:focus-visible .path-card-accent{opacity:1}.path-card:focus-visible{outline:none;border-color:#fff3;box-shadow:0 0 0 2px #ffffff14}.path-card-body{padding:1.5rem}.path-level{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.path-level--beginner{background:#4caf5033;color:#81c784f2}.path-level--intermediate{background:#ffc10733;color:#ffe066f2}.path-level--advanced{background:#f4433633;color:#ef9a9af2}.path-level--all-levels{background:#ffffff14;color:#ffffffb3}.path-card-body h3{font-size:1.25rem;font-weight:500;color:#fff;margin:0 0 .6rem;line-height:1.35;letter-spacing:-.02em}.path-card-body p{color:#ffffff80;margin:0 0 1rem;line-height:1.6;font-size:.9rem;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.path-meta{font-size:.8rem;color:#fff6;margin-bottom:1rem}.path-cta{display:inline-flex;align-items:center;font-size:.85rem;font-weight:500;color:var(--course-color);transition:gap .2s ease,color .2s ease}.path-card:hover .path-cta{gap:.4rem;color:#fff}.courses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;gap:1.5rem}.courses-loading p{color:#ffffff73;font-size:.95rem}.loading-spinner{width:36px;height:36px;border:2px solid rgba(255,255,255,.08);border-top-color:#ffffff80;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.courses-error{padding:4rem 2rem;text-align:center}.courses-error p{color:#ffffffb3;margin-bottom:.5rem}.courses-error-hint{font-size:.9rem;color:#fff6!important}@media (max-width: 1024px){.topic-bucket-paths{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.arqedemy-courses{padding:2rem 1.5rem 4rem}.courses-header{flex-direction:column;gap:1.5rem;align-items:flex-start}.courses-refresh-btn{align-self:flex-start}.topic-bucket-paths{grid-template-columns:1fr;gap:1.25rem}.topic-bucket-header{flex-direction:column;gap:.5rem}}.lab-playground{display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:600px;gap:1rem}.playground-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.playground-header h3{font-size:1rem;font-weight:600;color:#ffffffe6;letter-spacing:-.01em;margin:0}.playground-actions{display:flex;align-items:center;gap:1rem}.clear-btn{padding:.5rem 1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.01em}.clear-btn:hover{background:#f4433633;border-color:#f4433680}.connecting-indicator{padding:.5rem 1rem;background:#4facfe1a;border:1px solid rgba(79,172,254,.3);border-radius:6px;color:#4facfe;font-size:.85rem;font-weight:500}.playground-validation{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding:.65rem 1rem;font-size:.8rem;color:#ffffff73;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.playground-validation span.ok{color:#81c784f2}.lab-playground--lld .connection-line{stroke:#f093fb59}.lab-playground--lld .connection-line-hover:hover+.connection-line{stroke:#f093fbd9}.playground-toolbar{padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.component-palette{width:100%}.palette-items{display:flex;flex-wrap:wrap;gap:.5rem}.palette-item{cursor:grab;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.palette-item:active{cursor:grabbing}.palette-item-content{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:all .2s cubic-bezier(.16,1,.3,1)}.palette-item:hover .palette-item-content{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.palette-item-icon{width:20px;height:20px;border-radius:4px;background:#ffffff1a;position:relative;flex-shrink:0}.palette-item-icon[data-type=client]{background:linear-gradient(135deg,#4facfe4d,#4facfe1a);border:1px solid rgba(79,172,254,.4)}.palette-item-icon[data-type=load-balancer]{background:linear-gradient(135deg,#667eea4d,#667eea1a);border:1px solid rgba(102,126,234,.4)}.palette-item-icon[data-type=api-server]{background:linear-gradient(135deg,#f093fb4d,#f093fb1a);border:1px solid rgba(240,147,251,.4)}.palette-item-icon[data-type=database]{background:linear-gradient(135deg,#764ba24d,#764ba21a);border:1px solid rgba(118,75,162,.4)}.palette-item-icon[data-type=cache]{background:linear-gradient(135deg,#00f2fe4d,#00f2fe1a);border:1px solid rgba(0,242,254,.4)}.palette-item-icon[data-type=cdn],.palette-item-icon[data-type=websocket-server],.palette-item-icon[data-type=upload-service],.palette-item-icon[data-type=transcoder],.palette-item-icon[data-type=feed-service],.palette-item-icon[data-type=payment-gateway],.palette-item-icon[data-type=crawler],.palette-item-icon[data-type=indexer],.palette-item-icon[data-type=ranker],.palette-item-icon[data-type=recommendation],.palette-item-icon[data-type=ranking-service],.palette-item-icon[data-type=file-storage],.palette-item-icon[data-type=notification-service],.palette-item-icon[data-type=analytics],.palette-item-icon[data-type=message-queue],.palette-item-icon[data-type=fraud-detection]{background:linear-gradient(135deg,#f5576c4d,#f5576c1a);border:1px solid rgba(245,87,108,.4)}.palette-item-icon[data-type=lld-class],.component-icon[data-type=lld-class]{background:linear-gradient(135deg,#64b5f659,#64b5f61f);border:1px solid rgba(100,181,246,.45)}.palette-item-icon[data-type=lld-interface],.component-icon[data-type=lld-interface]{background:linear-gradient(135deg,#ab47bc59,#ab47bc1f);border:1px solid rgba(171,71,188,.45)}.palette-item-icon[data-type=lld-service],.component-icon[data-type=lld-service]{background:linear-gradient(135deg,#ffb74d59,#ffb74d1f);border:1px solid rgba(255,183,77,.45)}.palette-item-icon[data-type=lld-repository],.component-icon[data-type=lld-repository]{background:linear-gradient(135deg,#4db6ac59,#4db6ac1f);border:1px solid rgba(77,182,172,.45)}.palette-item-icon[data-type=lld-aggregate],.component-icon[data-type=lld-aggregate]{background:linear-gradient(135deg,#81c78459,#81c7841f);border:1px solid rgba(129,199,132,.45)}.palette-item-icon[data-type=lld-controller],.component-icon[data-type=lld-controller]{background:linear-gradient(135deg,#ec407a59,#ec407a1f);border:1px solid rgba(236,64,122,.45)}.palette-item-icon[data-type=lld-event],.component-icon[data-type=lld-event]{background:linear-gradient(135deg,#ffee5859,#ffee581f);border:1px solid rgba(255,238,88,.4)}.palette-item-icon[data-type=lld-queue],.component-icon[data-type=lld-queue]{background:linear-gradient(135deg,#9e9e9e59,#9e9e9e1f);border:1px solid rgba(158,158,158,.45)}.palette-item-icon[data-type=lld-enum],.component-icon[data-type=lld-enum]{background:linear-gradient(135deg,#ba68c84d,#ba68c81a);border:1px solid rgba(186,104,200,.4)}.palette-label{font-size:.85rem;color:#fffc;font-weight:500;letter-spacing:-.01em}.playground-canvas{flex:1;position:relative;background:#ffffff03;border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden;cursor:default}.connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.connection-line{stroke:#4facfe66;stroke-dasharray:4,4;pointer-events:none}.architecture-component.dragging{transition:none;cursor:grabbing;z-index:20;-webkit-user-select:none;user-select:none}.architecture-component.dragging:hover{transform:none}.playground-canvas.drag-active{cursor:copy}.connection-line-hover{stroke:transparent;cursor:pointer;pointer-events:all}.connection-line-hover:hover+.connection-line{stroke:#4facfecc;stroke-dasharray:none}.playground-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#ffffff4d;pointer-events:none}.empty-state-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:#ffffff08;border:2px dashed rgba(255,255,255,.1);border-radius:12px;position:relative}.empty-state-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#ffffff1a;border-radius:4px}.playground-empty h3{font-size:1.25rem;font-weight:600;color:#ffffff80;margin-bottom:.5rem;letter-spacing:-.01em}.playground-empty p{font-size:.9rem;color:#fff6;margin:0;line-height:1.5}.architecture-component{position:absolute;width:180px;min-height:70px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem;cursor:move;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.architecture-component:hover{border-color:#fff3;background:#ffffff0d;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.architecture-component.selected{border-color:#4facfe;background:#4facfe14;box-shadow:0 0 0 3px #4facfe1a}.architecture-component.connecting{border-color:#f093fb;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f093fb4d}50%{box-shadow:0 0 0 6px #f093fb00}}.component-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.component-icon{width:24px;height:24px;border-radius:4px;background:#ffffff1a;flex-shrink:0;position:relative}.component-icon[data-type=client]{background:linear-gradient(135deg,#4facfe66,#4facfe33);border:1px solid rgba(79,172,254,.5)}.component-icon[data-type=load-balancer]{background:linear-gradient(135deg,#667eea66,#667eea33);border:1px solid rgba(102,126,234,.5)}.component-icon[data-type=api-server]{background:linear-gradient(135deg,#f093fb66,#f093fb33);border:1px solid rgba(240,147,251,.5)}.component-icon[data-type=database]{background:linear-gradient(135deg,#764ba266,#764ba233);border:1px solid rgba(118,75,162,.5)}.component-icon[data-type=cache]{background:linear-gradient(135deg,#00f2fe66,#00f2fe33);border:1px solid rgba(0,242,254,.5)}.component-icon[data-type=cdn],.component-icon[data-type=websocket-server],.component-icon[data-type=upload-service],.component-icon[data-type=transcoder],.component-icon[data-type=feed-service],.component-icon[data-type=payment-gateway],.component-icon[data-type=crawler],.component-icon[data-type=indexer],.component-icon[data-type=ranker],.component-icon[data-type=recommendation],.component-icon[data-type=ranking-service],.component-icon[data-type=file-storage],.component-icon[data-type=notification-service],.component-icon[data-type=analytics],.component-icon[data-type=message-queue],.component-icon[data-type=fraud-detection]{background:linear-gradient(135deg,#f5576c66,#f5576c33);border:1px solid rgba(245,87,108,.5)}.component-label{flex:1;font-size:.9rem;font-weight:600;color:#fff;letter-spacing:-.01em;line-height:1.2}.component-delete{width:20px;height:20px;padding:0;background:#f4433626;border:1px solid rgba(244,67,54,.3);border-radius:4px;color:#f44336;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.component-delete:hover{background:#f4433640;border-color:#f4433680}.component-description{font-size:.75rem;color:#ffffff80;line-height:1.4;margin-bottom:.5rem}.component-ports{display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.port{width:10px;height:10px;border-radius:50%;background:#4facfe33;border:2px solid #4facfe;cursor:pointer;transition:all .2s ease}.port:hover{background:#4facfe;transform:scale(1.3)}.port-input{background:#f093fb33;border-color:#f093fb}.port-input:hover{background:#f093fb}@media (max-width: 1024px){.lab-playground{height:auto;min-height:500px}.playground-toolbar{padding:.75rem}.palette-item-content{padding:.4rem .6rem}.palette-label{font-size:.8rem}.architecture-component{width:160px;min-height:60px;padding:.6rem}}@media (max-width: 768px){.playground-header{flex-direction:column;align-items:flex-start;gap:1rem}.playground-actions{width:100%;justify-content:space-between}.architecture-component{width:140px;min-height:55px;padding:.5rem}.component-label{font-size:.85rem}.component-description{font-size:.7rem}}.lab-hld-shell{display:flex;flex-direction:column;gap:1rem;min-height:calc(100vh - 280px)}.lab-hld-shell-header h3{margin:0;font-size:1rem;font-weight:600;color:#ffffffeb;letter-spacing:-.01em}.lab-hld-shell-sub{margin:.35rem 0 0;font-size:.85rem;color:#ffffff73;line-height:1.45;max-width:52ch}.lab-hld-shell-blurb{margin:0;padding:.85rem 1rem;font-size:.88rem;line-height:1.5;color:#ffffffb8;background:#4facfe0f;border:1px solid rgba(79,172,254,.18);border-radius:8px}.lab-hld-missions{padding:.85rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.lab-hld-missions-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:.5rem}.lab-hld-missions ul{margin:0;padding-left:0;list-style:none}.lab-hld-missions li{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;color:#ffffffc7;line-height:1.45;margin-bottom:.4rem}.lab-hld-missions li.done{color:#81c784f2}.mission-check{flex-shrink:0;width:1.1rem;font-family:ui-monospace,monospace;opacity:.85}.lab-hld-complete{margin-top:.75rem;padding:.65rem .85rem;font-size:.85rem;color:#81c784f2;background:#81c78414;border:1px solid rgba(129,199,132,.25);border-radius:6px}.lab-hld-terminal{flex:1;display:flex;flex-direction:column;min-height:320px;background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.5}.lab-hld-terminal-body{flex:1;overflow-y:auto;padding:.85rem 1rem;color:#c8d2def2;white-space:pre-wrap;word-break:break-word}.lab-hld-line{margin-bottom:.15rem}.lab-hld-input-row{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-top:1px solid rgba(255,255,255,.08);background:#00000059}.lab-hld-prompt{color:#58a6ff;flex-shrink:0;-webkit-user-select:none;user-select:none}.lab-hld-input-row input{flex:1;background:transparent;border:none;color:#e6edf3;font:inherit;outline:none;min-width:0}.lab-hld-input-row input::placeholder{color:#8b949ea6}.lab-detail{max-width:1800px;margin:0 auto;padding:3rem 5rem 6rem}.lab-detail-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.back-btn{padding:.5rem 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;color:#ffffffb3;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);margin-bottom:2rem;letter-spacing:.02em}.back-btn:hover{border-bottom-color:#fff6;color:#ffffffe6}.lab-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem 1.25rem;margin-bottom:1rem}.lab-title-section h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:400;color:#ffffffe6;margin:0;letter-spacing:-.03em;line-height:1.2}.lab-mode-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.35rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.12);color:#ffffff8c}.lab-mode-badge[data-mode=hld]{border-color:#4facfe59;color:#7ec8ff;background:#4facfe14}.lab-mode-badge[data-mode=lld]{border-color:#f093fb59;color:#e8a8f0;background:#f093fb14}.lab-meta-info{display:flex;gap:1rem;align-items:center}.lab-difficulty-badge{padding:.4rem .8rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lab-difficulty-badge[data-difficulty=Medium]{background:#ffc10733;border:1px solid rgba(255,193,7,.4);color:#ffc107}.lab-difficulty-badge[data-difficulty=Hard]{background:#f4433633;border:1px solid rgba(244,67,54,.4);color:#f44336}.lab-difficulty-badge[data-difficulty=Warm-up]{background:#81c78426;border:1px solid rgba(129,199,132,.35);color:#81c784}.lab-time{color:#ffffff80;font-size:.9rem}.lab-content-layout{display:grid;grid-template-columns:400px 1fr;gap:3rem;align-items:start}.lab-sidebar{position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow-y:auto;padding-right:1rem}.lab-sidebar::-webkit-scrollbar{width:4px}.lab-sidebar::-webkit-scrollbar-track{background:transparent}.lab-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.lab-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.problem-section{display:flex;flex-direction:column;gap:1.5rem}.collapsible-section{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:1.5rem}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:none;padding:0;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);margin-bottom:0;gap:.75rem}.collapsible-header:hover{opacity:.9}.collapsible-header:hover h2{color:#fffc}.collapsible-header:hover .chevron-icon{color:#fff9}.collapsible-header h2{font-size:.75rem;font-weight:600;color:#fff9;margin:0;letter-spacing:.1em;text-transform:uppercase;transition:color .2s cubic-bezier(.16,1,.3,1);flex:1;text-align:left}.chevron-icon{width:16px;height:16px;color:#fff6;transition:transform .4s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.chevron-icon.expanded{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1) .1s,margin-top .4s cubic-bezier(.16,1,.3,1);opacity:0;margin-top:0}.collapsible-content.expanded{max-height:2000px;opacity:1;margin-top:1rem;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),margin-top .4s cubic-bezier(.16,1,.3,1)}.problem-section h2{font-size:.75rem;font-weight:600;color:#fff9;margin-bottom:1rem;letter-spacing:.1em;text-transform:uppercase}.problem-overview p{font-size:.95rem;color:#fffc;line-height:1.7;margin:0}.problem-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.problem-section li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#ffffffb3;line-height:1.6}.list-marker{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#ffffff4d;margin-top:.5rem}.problem-requirements .list-marker{background:#4facfe}.problem-constraints .list-marker{background:#ffc107}.problem-hints .list-marker{background:#f093fb}.lab-playground-section{min-height:600px}@media (max-width: 1400px){.lab-content-layout{grid-template-columns:350px 1fr;gap:2rem}}@media (max-width: 1024px){.lab-content-layout{grid-template-columns:1fr;gap:3rem}.lab-sidebar{position:static;max-height:none}}@media (max-width: 768px){.lab-detail{padding:2rem 2rem 4rem}.lab-detail-header{margin-bottom:2rem}}.arqedemy-labs{max-width:1600px;margin:0 auto;padding:3rem 5rem 6rem}.labs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.labs-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:#fff;margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.1}.labs-header p{font-size:clamp(1.1rem,2vw,1.3rem);color:#ffffff80;font-weight:300;letter-spacing:-.01em}.labs-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.labs-filter-btn{padding:.45rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff8c;font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.labs-filter-btn:hover{border-color:#fff3;color:#ffffffd9}.labs-filter-btn.active{border-color:#ffffff59;color:#fff;background:#ffffff0f}.create-lab-btn{padding:.8rem 1.5rem;background:#fff;border:none;border-radius:0;color:#0a0a0a;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.05em;text-transform:uppercase}.create-lab-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.labs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:0}.lab-card{padding:2.5rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;border-bottom:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);background:transparent;border-radius:0}.lab-card:hover{background:#ffffff05}.lab-card:nth-child(2n){border-right:none}.lab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:.75rem}.lab-mode-pill{font-size:.65rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.25rem .5rem;border:1px solid rgba(255,255,255,.12);color:#ffffff73}.lab-mode-pill[data-mode=hld]{border-color:#4facfe59;color:#7ec8ff}.lab-mode-pill[data-mode=lld]{border-color:#f093fb59;color:#e8a8f0}.lab-difficulty{padding:.25rem .6rem;border-radius:0;font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em}.lab-difficulty[data-difficulty=Medium]{background:transparent;border:1px solid rgba(255,193,7,.3);color:#ffc107cc}.lab-difficulty[data-difficulty=Hard]{background:transparent;border:1px solid rgba(244,67,54,.3);color:#f44336cc}.lab-difficulty[data-difficulty=Warm-up]{background:transparent;border:1px solid rgba(129,199,132,.35);color:#81c784d9}.lab-body h3{font-size:1.25rem;font-weight:400;color:#ffffffe6;margin-bottom:.75rem;letter-spacing:-.01em}.lab-body p{color:#ffffff73;margin-bottom:1.5rem;line-height:1.6;font-weight:300;font-size:.95rem}.lab-meta{display:flex;gap:1.5rem;font-size:.8rem;color:#ffffff59;margin-bottom:2rem;font-weight:300}.lab-footer{display:flex;gap:1rem}.start-lab-btn{padding:.7rem 1.5rem;background:#fff;border:none;border-radius:0;color:#0a0a0a;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}.start-lab-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.view-solutions-btn{padding:.7rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:0;color:#fff9;font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}.view-solutions-btn:hover{background:#ffffff0d;border-color:#fff3;color:#ffffffe6}@media (max-width: 1024px){.labs-grid{grid-template-columns:1fr}.lab-card{border-right:none}}@media (max-width: 768px){.arqedemy-labs{padding:1.5rem 1.5rem 3rem}.labs-header{flex-direction:column;gap:1.5rem}.lab-footer{flex-direction:column}}.arqedemy-progress{max-width:1600px;margin:0 auto;padding:3rem 5rem 6rem}.progress-header{margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.progress-header h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:#fff;margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.1}.progress-header p{font-size:clamp(1.1rem,2vw,1.3rem);color:#ffffff80;font-weight:300;letter-spacing:-.01em}.progress-overview-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:3rem;margin-bottom:5rem;align-items:start}.overview-card{background:transparent}.overview-ring{display:flex;align-items:center;justify-content:center}.overview-ring-svg{width:160px;height:160px}.overview-ring-fill{animation:ringDrawProgress 1.2s cubic-bezier(.16,1,.3,1) .3s both}@keyframes ringDrawProgress{0%{stroke-dashoffset:427.3}}.radial-progress .radial-fill{transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}.overview-stats{display:flex;flex-direction:column;gap:0}.overview-stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.overview-stat-row:last-child{border-bottom:none}.overview-stat-label{font-size:.9rem;color:#ffffff80;font-weight:300}.overview-stat-value{font-size:1.1rem;font-weight:400;color:#fff;font-variant-numeric:tabular-nums}.overview-streak{padding:0}.streak-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}.streak-header h3{font-size:1rem;font-weight:400;color:#ffffffe6}.streak-count-badge{font-size:.75rem;font-weight:400;color:#ffffff80;letter-spacing:.05em;text-transform:uppercase}.streak-bars{display:flex;gap:.75rem;align-items:flex-end;height:120px}.streak-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.streak-bar-track{flex:1;width:100%;max-width:32px;background:#ffffff0a;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.streak-bar-fill{width:100%;border-radius:4px;min-height:4px;animation:barGrow .6s cubic-bezier(.16,1,.3,1) both}@keyframes barGrow{0%{height:0!important}}.streak-bar-label{font-size:.7rem;color:#ffffff59;font-weight:400;letter-spacing:.02em}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.section-head h2{font-size:1.125rem;font-weight:400;color:#ffffffe6;letter-spacing:-.01em}.section-link{font-size:.8rem;color:#fff6;text-decoration:none;font-weight:300;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease}.section-link:hover{color:#ffffffb3}.courses-progress-section{margin-bottom:5rem}.courses-progress-list{display:flex;flex-direction:column;gap:0}.course-progress-card{display:flex;align-items:center;gap:2rem;padding:1.75rem 0;border-bottom:1px solid rgba(255,255,255,.06);transition:all .4s cubic-bezier(.16,1,.3,1);animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.course-progress-card:last-child{border-bottom:none}.course-progress-card:hover{transform:translate(8px);padding-left:1rem}.course-progress-left{flex-shrink:0}.course-progress-info{flex:1;min-width:0}.course-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.course-progress-header h4{font-size:1rem;font-weight:400;color:#ffffffe6;letter-spacing:-.01em}.progress-percentage{font-size:.9rem;font-weight:400;color:#ffffff80;font-variant-numeric:tabular-nums}.course-progress-bar-container{margin-bottom:.75rem}.course-progress-bar{height:2px;background:#ffffff14;border-radius:0;overflow:hidden}.course-progress-fill{height:100%;border-radius:0;transition:width .8s cubic-bezier(.16,1,.3,1)}.course-progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#fff6;font-weight:300}.resume-btn{padding:.4rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);border-radius:0;color:#ffffffb3;font-weight:400;font-size:.8rem;cursor:pointer;transition:all .3s ease;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}.resume-btn:hover{border-bottom-color:#fff6;color:#fff}.achievements-section{margin-bottom:3rem}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.achievement-card{padding:2.5rem 2rem;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;border-right:1px solid rgba(255,255,255,.06)}.achievement-card:last-child{border-right:none}.achievement-card:hover{background:#ffffff05}.achievement-card.locked{opacity:.35}.achievement-card.locked:hover{opacity:.5}.achievement-icon{font-size:2rem;margin-bottom:1rem;line-height:1}.achievement-card h4{font-size:1rem;font-weight:400;color:#ffffffe6;margin-bottom:.5rem;letter-spacing:-.01em}.achievement-card p{font-size:.8rem;color:#fff6;margin-bottom:0;font-weight:300;line-height:1.5}.earned-badge{display:inline-block;margin-top:1rem;font-size:.65rem;font-weight:400;color:#ffffff80;text-transform:uppercase;letter-spacing:.12em}@media (max-width: 1024px){.progress-overview-grid{grid-template-columns:1fr 1fr}.overview-ring{grid-column:1 / -1;justify-self:center}.achievements-grid{grid-template-columns:repeat(2,1fr)}.achievement-card:nth-child(2){border-right:none}.achievement-card:nth-child(3),.achievement-card:nth-child(4){border-top:1px solid rgba(255,255,255,.06)}}@media (max-width: 768px){.arqedemy-progress{padding:1.5rem 1.5rem 3rem}.progress-overview-grid{grid-template-columns:1fr;gap:2rem}.overview-ring{justify-self:center}.achievements-grid{grid-template-columns:1fr}.achievement-card{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.achievement-card:last-child{border-bottom:none}}.product-coming-soon{--pcs-accent: #4facfe;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1.5rem 4rem}.pcs-card{max-width:520px;width:100%;padding:2.5rem 2.25rem;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;animation:pcsIn .55s cubic-bezier(.16,1,.3,1) forwards}.pcs-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pcs-accent),transparent);opacity:.75}@keyframes pcsIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pcs-badge{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pcs-accent);margin-bottom:1.25rem;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.pcs-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:500;color:#fffffff5;margin:0 0 1rem;letter-spacing:-.03em;line-height:1.2}.pcs-lead{font-size:1rem;font-weight:300;color:#ffffff85;line-height:1.65;margin:0 0 1.5rem}.pcs-list{margin:0 0 1.5rem;padding:0 0 0 1.1rem;color:#ffffff73;font-size:.9rem;font-weight:300;line-height:1.7}.pcs-list li{margin-bottom:.5rem}.pcs-list li::marker{color:var(--pcs-accent)}.pcs-note{font-size:.82rem;color:#ffffff61;line-height:1.6;margin:0 0 1.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.pcs-note strong{font-weight:500;color:#ffffffa6}.pcs-actions{display:flex;flex-wrap:wrap;gap:.75rem}.pcs-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.35rem;font-size:.85rem;font-weight:500;text-decoration:none;border-radius:0;transition:all .25s cubic-bezier(.16,1,.3,1)}.pcs-btn--primary{background:#fff;color:#0a0a0a;border:none}.pcs-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ffffff1f}.pcs-btn--ghost{background:transparent;color:#ffffff8c;border:1px solid rgba(255,255,255,.12)}.pcs-btn--ghost:hover{color:#ffffffd9;border-color:#fff3}@media (max-width: 480px){.pcs-card{padding:2rem 1.5rem}.pcs-actions{flex-direction:column}.pcs-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}.App{width:100%;min-height:100vh;overflow-x:hidden;background:#0a0a0a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards}.container{max-width:1280px;margin:0 auto;padding:0 3rem}@media (max-width: 1024px){.container{padding:0 2rem}}@media (max-width: 768px){.container{padding:0 1.5rem}}@media (max-width: 480px){.container{padding:0 1rem}}.toast-wrapper{z-index:9999}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#0a0a0a;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}#root{width:100%}html{scroll-behavior:smooth}