.app{min-height:100vh;position:relative;overflow-x:hidden}.app>div[style*=opacity]{width:100%;will-change:transform,opacity,filter}.navigation{position:fixed;top:0;left:0;right:0;background:#0f1419d9;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(150%);backdrop-filter:blur(var(--blur-lg)) saturate(150%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:none;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:16px 2rem;display:flex;justify-content:space-between;align-items:center}.logo-box{font-family:var(--font-mono);font-weight:700;font-size:18px;letter-spacing:-.02em;color:#fff;border:1.5px solid rgba(255,255,255,.15);padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition-default)}.logo-box:hover{border-color:#d4a57466}.logo-svg{height:40px;width:auto;filter:brightness(0) invert(1);transition:var(--transition-default)}.logo-svg:hover{filter:brightness(0) invert(1);opacity:.9}[data-theme=light] .logo-svg{filter:brightness(0) invert(0)}[data-theme=light] .logo-svg:hover{filter:brightness(0) invert(0);opacity:.9}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.nav-icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:50%;color:#ffffff80;cursor:pointer;transition:var(--transition-default)}.nav-icon-btn:hover{background:#ffffff0f;border-color:#ffffff26;color:#ffffffd9}.nav-icon-btn svg{flex-shrink:0}[data-theme=light] .nav-icon-btn{border-color:#0003;color:#000000a6}[data-theme=light] .nav-icon-btn:hover{background:#00000014;border-color:#0000004d;color:#000000e6}.nav-menu li a{position:relative;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#ffffffb3;text-decoration:none;transition:var(--transition-default);cursor:pointer;padding:.5rem 1rem}.nav-menu li a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#d4a57499;transition:width var(--transition-default)}.nav-menu li a:hover{color:#fffffff2}.nav-menu li a:hover:after{width:100%}.nav-menu li a.active{color:#d4a574}.nav-login-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff9;cursor:pointer;transition:var(--transition-default)}.nav-login-icon:hover{background:#d4a57414;border-color:#d4a5744d;color:#d4a574}.nav-login-icon svg{flex-shrink:0}[data-theme=light] .nav-login-icon{background:#0000000f;border-color:#0003;color:#000000a6}[data-theme=light] .nav-login-icon:hover{background:#b8935f26;border-color:#b8935f66;color:#8b6b3d}.nav-toggle{display:none;flex-direction:column;gap:4px;background:transparent;padding:.5rem}.nav-toggle span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl) 2rem var(--spacing-xl);background:transparent;z-index:1;pointer-events:none}.hero-aa-wrapper{position:relative;overflow:hidden;background:var(--dark-navy)}[data-theme=light] .hero-aa-wrapper{background:var(--bg-primary)}.hero-aa-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-aa-grid-bg .background-cells-container{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background:transparent}.hero-aa-grid-bg .background-cells-core{height:100%}.hero-content{position:relative;max-width:1200px;text-align:center;z-index:2;pointer-events:auto}.hero-logo{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem}.hero-logo-svg{height:60px;width:auto;filter:brightness(0) invert(1);transition:var(--transition-slow);animation:fadeInScale 1s ease-out}[data-theme=light] .hero-logo-svg{filter:brightness(0) invert(0)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logo-box-large{width:100px;height:100px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);color:#fffffff2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:3rem;font-family:var(--font-mono);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:var(--shadow-card);transition:var(--transition-slow)}.logo-box-large:hover{transform:translateY(-4px);background:#d4a57414;border-color:#d4a5744d;box-shadow:var(--shadow-card-hover)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:.05em;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--text-secondary);margin-bottom:2rem;font-weight:400;letter-spacing:.02em}.hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.8}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.hero-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;border-radius:999px;cursor:pointer;transition:var(--transition-default);border:1px solid}.hero-btn-primary{background:#d4a5741a;border-color:#d4a57459;color:#d4a574}.hero-btn-primary:hover{background:#d4a5742e;border-color:#d4a57480;transform:translateY(-2px)}.hero-btn-secondary{background:transparent;border-color:#ffffff1f;color:#fff9}.hero-btn-secondary:hover{border-color:#ffffff40;color:#ffffffd9;transform:translateY(-2px)}[data-theme=light] .hero-btn-primary{background:#b8935f14;border-color:#b8935f59;color:#b8935f}[data-theme=light] .hero-btn-primary:hover{background:#b8935f26;border-color:#b8935f80}[data-theme=light] .hero-btn-secondary{border-color:#0000001a;color:#00000073}[data-theme=light] .hero-btn-secondary:hover{border-color:#0003;color:#000000b3}.btn{padding:14px 32px;font-size:14px;font-weight:500;border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;transition:var(--transition-default);cursor:pointer;font-family:var(--font-primary)}.btn-primary{background:#d4a5741f;border:1px solid rgba(212,165,116,.3);color:#edd1aa;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:none}.btn-primary:hover{background:#d4a5742e;border-color:#d4a57480;transform:translateY(-1px);box-shadow:0 8px 16px #00000026}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fffc;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.btn-secondary:hover{border-color:#ffffff4d;background:#ffffff0d;color:#fff}[data-theme=light] .btn-primary{background:#b8935f26;border:1.5px solid rgba(184,147,95,.5);color:#6b4e2a;font-weight:600}[data-theme=light] .btn-primary:hover{background:#b8935f40;border-color:#b8935fb3;color:#5a3d1f}[data-theme=light] .btn-secondary{background:transparent;border:1.5px solid rgba(0,0,0,.2);color:#000c}[data-theme=light] .btn-secondary:hover{border-color:#0006;background:#0000000d;color:#000000f2}[data-theme=light] .navigation{background:#b8935ff2;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(150%);backdrop-filter:blur(var(--blur-lg)) saturate(150%);border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .logo-box{color:#000000f2;border-color:#0003}[data-theme=light] .logo-box:hover{border-color:#0006}[data-theme=light] .nav-menu li a{color:#000c}[data-theme=light] .nav-menu li a:hover,[data-theme=light] .nav-menu li a.active{color:#000000f2}[data-theme=light] .nav-menu li a:after{background:#000c}[data-theme=light] .logo-box-large{background:#00000014;border-color:#00000026;color:#000000f2}[data-theme=light] .logo-box-large:hover{background:#b8935f14;border-color:#b8935f4d}[data-theme=light] .hero-title,[data-theme=light] .hero-subtitle,[data-theme=light] .hero-description{color:#000000e6;text-shadow:none}[data-theme=light] .social-link{background:#0000000a;border-color:#0000001a;color:#0009}[data-theme=light] .social-link:hover{background:#b8935f14;border-color:#b8935f4d;color:#b8935f}.service-item{padding:2rem;background:#2d3e5080;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:var(--transition-slow)}.service-item:hover{background:#2d3e50b3;border-color:#d4a5744d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.service-icon{font-size:2rem;margin-bottom:1rem;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#d4a57426,#d4a57414);border:1px solid rgba(212,165,116,.25);border-radius:50%;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff1a}.service-icon svg{color:#d4a574;opacity:.9}.service-item h3{font-size:1.1rem;margin-bottom:.75rem;font-weight:600;color:var(--white)}.service-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.services{padding:6rem 2rem;background:var(--slate-blue)}.services-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto 3rem}.service-card-flip{perspective:1000px;aspect-ratio:4/5;cursor:pointer}.service-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.service-card-flip:hover .service-card-inner{transform:rotateY(180deg)}.service-card-front,.service-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);overflow:hidden}.service-card-front{background:#1a1f2666;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(120%);backdrop-filter:blur(var(--blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-card),inset 0 1px #ffffff08}.service-card-back{background:#1a1f26f2;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid rgba(212,165,116,.2);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:2.5rem;box-shadow:var(--shadow-card-hover)}.service-image{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.service-image img{width:100%;height:100%;object-fit:cover;filter:var(--filter-desaturate);transition:var(--transition-slow)}.service-card-front:hover .service-image img{filter:var(--filter-desaturate-hover);transform:scale(1.02)}.service-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-film)}.service-back-content{text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.service-back-main{font-size:1.125rem;line-height:1.7;color:#ffffffe6;font-weight:400;margin-bottom:.5rem}.service-back-sub{font-size:1rem;line-height:1.6;color:#ffffffb3;font-weight:300}.service-back-btn{margin-top:1rem;padding:14px 32px;background:transparent;border:1.5px solid rgba(255,255,255,.8);color:#fffffff2;font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default)}.service-back-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}[data-theme=light] .service-card-front{background:#fffc;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .service-card-back{background:#f8f9fafa;border:1.5px solid rgba(184,147,95,.4)}[data-theme=light] .service-back-main{color:#000000e6}[data-theme=light] .service-back-sub{color:#000000b3}[data-theme=light] .service-back-btn{border:1.5px solid rgba(0,0,0,.6);color:#000000e6;font-weight:700}[data-theme=light] .service-back-btn:hover{background:#00000014;border-color:#000c}[data-theme=light] .service-overlay h3{color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=light] .service-overlay p{color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.4)}.service-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;z-index:2;color:#fff}.service-overlay h3{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:.75rem;letter-spacing:.05em;text-shadow:0 2px 12px rgba(0,0,0,.4)}.service-overlay p{font-size:1rem;line-height:1.6;color:var(--text-secondary);text-shadow:0 2px 8px rgba(0,0,0,.3)}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.workspace{padding:6rem 2rem;background:var(--dark-navy);text-align:center}.workspace-intro{font-size:1.125rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:400}.workspace-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem;font-weight:300}.workspace-mockup{max-width:1000px;margin:4rem auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 40px 100px #00000080,0 0 0 1px #ffffff1a;transition:var(--transition-slow)}.workspace-mockup:hover{transform:translateY(-8px);box-shadow:0 50px 120px #0009,0 0 60px #ffb8001a}.workspace-mockup img{width:100%;height:auto;display:block}.workspace-footer{max-width:800px;margin:4rem auto 0}.workspace-footer h3{font-family:var(--font-display);font-size:2rem;margin-bottom:1.5rem;color:var(--white)}.workspace-footer p{font-size:1.125rem;color:var(--text-secondary);line-height:1.8}.clients{position:relative;padding:6rem 2rem;background:var(--slate-blue);background-image:url(/content/hero-background.jpg);background-size:cover;background-position:center;overflow:hidden}.clients:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1a2332d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.clients .container{position:relative;z-index:1}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1200px;margin:0 auto}.client-item{text-align:center;transition:var(--transition-default)}.client-item:hover{transform:translateY(-8px)}.client-logo{height:140px;display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:var(--radius-md);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;transition:var(--transition-default)}.client-item:hover .client-logo{background:transparent;box-shadow:none;border:none;transform:scale(1.05)}.client-logo img{max-width:100%;max-height:100%;width:auto;height:auto;filter:grayscale(100%) brightness(.9);opacity:.7;transition:var(--transition-default)}.client-item:hover .client-logo img{filter:grayscale(0%) brightness(1);opacity:1}.client-logo-large img{transform:scale(1.4)}.client-logo-normal img{transform:scale(1)}.client-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:300}.client-services{font-size:.875rem;color:var(--text-secondary);font-weight:400}[data-theme=light] .clients:before{background:#ffffffbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-theme=light] .client-logo,[data-theme=light] .client-item:hover .client-logo{background:transparent;border:none}[data-theme=light] .client-logo img{filter:brightness(0) saturate(100%) invert(0);opacity:.7}[data-theme=light] .client-item:hover .client-logo img{filter:brightness(0) saturate(100%) invert(0);opacity:1}.contact{padding:4rem 2rem;background:var(--dark-navy);border-top:1px solid rgba(255,255,255,.1)}.contact-footer{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:2rem}.footer-info{text-align:left}.footer-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.8;font-weight:300}.footer-copyright{font-size:.875rem;color:#fff6;font-weight:300}.footer-eco{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#d4a57414;border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary)}.eco-icon{color:#d4a574cc;flex-shrink:0}.footer-links{display:flex;align-items:center;gap:1rem}.footer-links a{color:var(--text-secondary);text-decoration:underline;transition:color var(--transition-default);font-weight:400;cursor:pointer}.footer-links a:hover{color:#d4a574}.footer-separator{color:#ffffff4d;font-size:.875rem}@media (max-width: 768px){.navigation{display:none}.contact-footer{flex-direction:column;align-items:center;gap:1.5rem}.footer-info{text-align:center}.footer-eco,.footer-links{width:100%;justify-content:center}.hero{padding:var(--spacing-xl) 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.logo-box-large{width:70px;height:70px;font-size:2.2rem}.service-item{padding:1.5rem;margin-bottom:1.5rem}.service-item:last-child{margin-bottom:0}.services-grid{grid-template-columns:1fr}.services-cards{grid-template-columns:1fr;gap:1.5rem}.service-card{aspect-ratio:3/4}.service-card-back{padding:1.5rem}.service-back-content{gap:1rem}.service-back-main{font-size:.95rem;line-height:1.6;margin-bottom:.25rem}.service-back-sub{font-size:.85rem;line-height:1.5}.service-back-btn{margin-top:.5rem;padding:12px 24px;font-size:.8rem}.clients-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.section-title{font-size:1.75rem}.btn{padding:14px 32px;font-size:.95rem}.container{max-width:100%;padding:0 1rem}.workspace{padding:6rem 0 2rem;margin-top:2rem}.workspace-mockup{margin:1rem 0;max-width:100%;padding:0;min-height:70vh;display:flex;align-items:center}.workspace-mockup img{border-radius:0;width:100%;height:auto;min-height:70vh;object-fit:contain}.workspace-intro,.workspace-subtitle{padding:0 1rem}}.about{padding:6rem 2rem;background:transparent;position:relative;z-index:1;pointer-events:none}.about-dashboard{display:grid;grid-template-columns:320px 1fr;gap:3rem;max-width:1100px;margin:0 auto;align-items:stretch}.about-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#262a32d9;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem 2rem 2rem;position:sticky;top:100px;pointer-events:auto}[data-theme=light] .about-profile-card{background:#f2f2f2eb;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000000f;box-shadow:0 4px 20px #0000000d}.about-profile-card .profile-image{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:1.5rem;border:2px solid rgba(212,165,116,.2);box-shadow:0 4px 20px #0003}.about-profile-card .profile-image img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.about-profile-card h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.35rem}.profile-role{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#d4a574;margin-bottom:1.25rem}[data-theme=light] .profile-role{color:#b8935f}.profile-text{font-size:.9rem;line-height:1.7;color:var(--text-secondary);margin-bottom:.75rem}.profile-text-sub{font-size:.825rem;opacity:.8;margin-bottom:1.5rem}.about-portfolio-link{display:inline-flex;align-items:center;gap:4px;color:#d4a574;cursor:pointer;transition:var(--transition-default);text-decoration:none;border-bottom:1px solid rgba(212,165,116,.3);padding-bottom:1px}.about-portfolio-link:hover{color:#e0b68a;border-color:#d4a57499}[data-theme=light] .about-portfolio-link{color:#b8935f;border-color:#b8935f4d}.social-links{display:flex;gap:.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff80;transition:var(--transition-default)}.social-link:hover{background:#d4a5741a;border-color:#d4a57440;color:#d4a574}[data-theme=light] .social-link{background:#00000008;border-color:#00000014;color:#0006}[data-theme=light] .social-link:hover{background:#b8935f1a;border-color:#b8935f40;color:#b8935f}.about-skillboard{display:flex;flex-direction:column;gap:1.5rem}.about-skillboard .skillboard-section:last-child{flex:1}.skillboard-section{background:#262a32d9;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.5rem;pointer-events:auto}[data-theme=light] .skillboard-section{background:#f2f2f2eb;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000000f;box-shadow:0 4px 20px #0000000d}.skillboard-label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#d4a574b3;margin-bottom:1rem}[data-theme=light] .skillboard-label{color:#b8935fb3}.skillboard-link{margin-left:auto;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--text-secondary);opacity:.6;transition:var(--transition-default);text-decoration:none}.skillboard-link:hover{opacity:1;color:#d4a574}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.skill-chip{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:var(--transition-default)}.skill-chip:hover{border-color:#d4a57426;background:#ffffff0a}[data-theme=light] .skill-chip{background:#00000005;border-color:#0000000d}[data-theme=light] .skill-chip:hover{border-color:#b8935f33;background:#00000008}.skill-chip-icon{display:flex;flex-shrink:0;color:#d4a574b3}[data-theme=light] .skill-chip-icon{color:#b8935fb3}.skill-chip-label{font-size:.85rem;font-weight:500;color:var(--text-primary);line-height:1.3}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.03em;padding:6px 14px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#fff9;transition:var(--transition-default)}.tech-tag:hover{border-color:#d4a57433;color:#ffffffd9;background:#d4a5740d}[data-theme=light] .tech-tag{background:#00000008;border-color:#0000000f;color:#0000008c}[data-theme=light] .tech-tag:hover{border-color:#b8935f33;color:#000c;background:#b8935f0d}.skill-chip-active{border-color:#d4a57440!important;background:#d4a5740f!important}.tech-tag-active{border-color:#d4a5744d!important;color:#d4a574!important;background:#d4a57414!important}[data-theme=light] .skill-chip-active{border-color:#b8935f4d!important;background:#b8935f0f!important}[data-theme=light] .tech-tag-active{border-color:#b8935f59!important;color:#b8935f!important;background:#b8935f14!important}.detail-panel{padding:1.25rem 1.5rem;background:#262a32d9;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid rgba(255,255,255,.08);border-radius:14px;min-height:70px;display:flex;flex-direction:column;gap:.35rem;justify-content:center;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,border-color .2s ease;pointer-events:auto}.detail-panel-visible{opacity:1;transform:translateY(0);border-color:#d4a5741f}[data-theme=light] .detail-panel{background:#f2f2f2eb;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000000f;box-shadow:0 4px 20px #0000000d}[data-theme=light] .detail-panel-visible{border-color:#b8935f26}.detail-panel-label{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:#d4a574}[data-theme=light] .detail-panel-label{color:#b8935f}.detail-panel-text{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}@media (max-width: 768px){.about{padding:4rem 1.5rem}.about-dashboard{grid-template-columns:1fr;gap:2rem}.about-profile-card{position:static}.skills-grid{grid-template-columns:1fr}.detail-panel{display:none}}.background-cells-container{position:relative;height:100%;display:flex;justify-content:center;overflow:hidden;background:transparent}.background-cells-content{position:relative;z-index:50;margin-top:10rem;pointer-events:none;-webkit-user-select:none;user-select:none}.background-cells-core{height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.background-cells-wrapper{position:absolute;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden}.background-cells-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent;pointer-events:none}.pattern-grid{display:flex;flex-direction:row;position:relative;z-index:30;margin:0;padding:0}.pattern-base{opacity:.8}.pattern-column{display:flex;flex-direction:column;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.1)}.pattern-cell{background:transparent;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}.pattern-cell.border-neutral{border-color:#7373734d}[data-theme=light] .pattern-column{border-bottom-color:#0000000f}[data-theme=light] .pattern-cell{border-left-color:#0000000f;border-bottom-color:#0000000f}[data-theme=light] .pattern-cell.border-neutral{border-color:#00000014}[data-theme=light] .pattern-cell.border-brand{border-color:#b8935f66}[data-theme=light] .pattern-cell-inner{background:#b8935f33}.pattern-cell.border-brand{border-color:#d4a57499;position:relative;z-index:100}.pattern-cell-inner{background:#d4a5744d;height:48px;width:48px}@media (max-width: 768px){.background-cells-content{margin-top:6rem;padding:0 1rem}}.career-section{padding:6rem 2rem;background:transparent;position:relative;z-index:1;pointer-events:none}.career-header{text-align:center;margin-bottom:4rem}.career-header h2{font-family:var(--font-display);font-size:clamp(28px,3.5vw,40px);font-weight:600;letter-spacing:.03em;margin-bottom:1rem}.career-subtitle{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);max-width:600px;margin:0 auto}.career-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;max-width:1100px;margin:0 auto}.career-column-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#d4a574}[data-theme=light] .career-column-header{color:#b8935f}.career-column-header h3{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0}.career-certs-header{margin-top:2.5rem}.career-timeline{position:relative;padding-left:24px}.career-timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:#ffffff14}[data-theme=light] .career-timeline:before{background:#0000001a}.career-card{position:relative;margin-bottom:1.5rem}.career-card:last-child{margin-bottom:0}.career-card-dot{position:absolute;left:-24px;top:6px;width:11px;height:11px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.1);z-index:1}[data-theme=light] .career-card-dot{background:#0000001f;border-color:#00000014}.career-card-current .career-card-dot{background:#d4a574;border-color:#d4a5744d;box-shadow:0 0 8px #d4a5744d}[data-theme=light] .career-card-current .career-card-dot{background:#b8935f;border-color:#b8935f4d;box-shadow:0 0 8px #b8935f33}.career-card-content{padding:1.25rem 1.5rem;background:#262a32cc;-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:var(--transition-default);pointer-events:auto}.career-card-content:hover{background:#2a303ae6;border-color:#ffffff1f}[data-theme=light] .career-card-content{background:#f2f2f2eb;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000000f;box-shadow:0 4px 20px #0000000d}[data-theme=light] .career-card-content:hover{background:#ebebebf2;border-color:#0000001a}.career-card-current .career-card-content{border-color:#d4a5741f}.career-card-current .career-card-content:hover{border-color:#d4a57433}.career-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.career-card-content h4{font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.01em;margin-bottom:.35rem;line-height:1.3}.career-card-link{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:6px;color:#d4a57499;transition:var(--transition-default)}.career-card-link:hover{color:#d4a574;background:#d4a57414}.career-card-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem;flex-wrap:wrap}.career-company{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.03em;color:#ffffffb3}[data-theme=light] .career-company{color:#000000b3}.career-type{font-size:11px;font-weight:500;letter-spacing:.04em;color:#d4a574b3;background:#d4a5740f;padding:2px 8px;border-radius:4px}[data-theme=light] .career-type{color:#b8935fcc;background:#b8935f14}.career-card-period{font-size:12px;color:var(--text-secondary);margin-bottom:.6rem;opacity:.7}.career-card-description{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin-bottom:.75rem}.career-card-field{font-style:italic;opacity:.85;margin-bottom:0}.career-card-skills{display:flex;flex-wrap:wrap;gap:.35rem}.career-skill-tag{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.04em;color:#ffffff73;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:3px 8px;border-radius:4px}[data-theme=light] .career-skill-tag{color:#00000073;background:#00000008;border-color:#0000000f}.career-show-more{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;margin-left:24px;padding:8px 16px;background:#262a32cc;-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;transition:var(--transition-default);pointer-events:auto}.career-show-more:hover{border-color:#d4a57433;color:#d4a574;background:#d4a5740a}[data-theme=light] .career-show-more{background:#f2f2f2eb;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000001a;box-shadow:0 2px 10px #0000000a}[data-theme=light] .career-show-more:hover{border-color:#b8935f4d;color:#b8935f;background:#b8935f0a}.career-certs{display:flex;flex-direction:column;gap:.75rem}.career-cert-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#262a32cc;-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:var(--transition-default);pointer-events:auto}.career-cert-item:hover{border-color:#ffffff1a}[data-theme=light] .career-cert-item{background:#f2f2f2eb;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000000f;box-shadow:0 4px 20px #0000000d}.career-cert-year{font-family:var(--font-mono);font-size:13px;font-weight:600;color:#d4a574;flex-shrink:0;min-width:36px}[data-theme=light] .career-cert-year{color:#b8935f}.career-cert-info{display:flex;flex-direction:column;gap:2px}.career-cert-title{font-size:.875rem;font-weight:500;color:#ffffffd9}[data-theme=light] .career-cert-title{color:#000000d9}.career-cert-issuer{font-size:12px;color:var(--text-secondary);opacity:.7}@media (max-width: 768px){.career-section{padding:4rem 1.5rem}.career-grid{grid-template-columns:1fr;gap:3rem}.career-header{margin-bottom:3rem}.career-card-content{padding:1rem 1.25rem}.career-card-skills{gap:.25rem}}.portfolio-page{min-height:100vh;background:var(--bg-primary)}.portfolio-header{padding:8rem 2rem 3rem;text-align:center}.portfolio-back-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);background:transparent;border:1px solid rgba(255,255,255,.1);padding:8px 18px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-default);margin-bottom:2.5rem}.portfolio-back-btn:hover{color:var(--text-primary);border-color:#d4a5744d;background:#d4a5740d}[data-theme=light] .portfolio-back-btn{border-color:#00000026}[data-theme=light] .portfolio-back-btn:hover{border-color:#b8935f66;background:#b8935f0d}.portfolio-title{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:.03em;margin-bottom:1.25rem}.portfolio-subtitle{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);max-width:600px;margin:0 auto}.portfolio-gallery{padding:0 2rem 4rem}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1200px;margin:0 auto}.portfolio-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;aspect-ratio:16/10}.portfolio-item-wide{grid-column:span 2;aspect-ratio:21/9}.portfolio-item img{width:100%;height:100%;object-fit:cover;filter:var(--filter-desaturate);transition:var(--transition-slow)}.portfolio-item:hover img{filter:var(--filter-desaturate-hover);transform:scale(1.03)}.portfolio-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6) 100%);display:flex;align-items:flex-end;padding:1.5rem;opacity:0;transition:var(--transition-default)}.portfolio-item:hover .portfolio-item-overlay{opacity:1}.portfolio-item-category{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6}.portfolio-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:lightboxFadeIn .25s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fffc;cursor:pointer;transition:var(--transition-default);z-index:2}.lightbox-close:hover{background:#ffffff26;color:#fff}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;cursor:pointer;transition:var(--transition-default);z-index:2}.lightbox-nav:hover{background:#ffffff1f;color:#fff}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-content{max-width:90vw;max-height:85vh;cursor:default}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-md)}@media (max-width: 768px){.portfolio-header{padding:7rem 1.5rem 2rem}.portfolio-gallery{padding:0 1rem 3rem}.portfolio-grid{grid-template-columns:1fr;gap:.75rem}.portfolio-item-wide{grid-column:span 1;aspect-ratio:16/10}.portfolio-item{aspect-ratio:16/10}.lightbox-nav{width:40px;height:40px}.lightbox-prev{left:.75rem}.lightbox-next{right:.75rem}}.imprint-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--bg-primary)}.imprint-content{max-width:800px;margin:0 auto}.imprint-content h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);margin-bottom:3rem;letter-spacing:-.02em}.imprint-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.imprint-section:last-of-type{border-bottom:none}.imprint-section h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#d4a574e6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.imprint-section p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:.5rem}.imprint-section strong{color:var(--text-primary);font-weight:500}.imprint-section a{color:#d4a574e6;text-decoration:none;transition:var(--transition-default)}.imprint-section a:hover{color:#d4a574;text-decoration:underline}.imprint-section ul{list-style:none;padding:0;margin:0}.imprint-section ul li{font-size:1rem;color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.5rem}.imprint-section ul li:before{content:"→";position:absolute;left:0;color:#d4a57499}.imprint-back-btn{margin-top:3rem}[data-theme=light] .imprint-section{border-bottom-color:#00000014}[data-theme=light] .imprint-section h2,[data-theme=light] .imprint-section a{color:#b8935fe6}[data-theme=light] .imprint-section a:hover{color:#b8935f}[data-theme=light] .imprint-section ul li:before{color:#b8935f99}@media (max-width: 768px){.imprint-page{padding:6rem 1.5rem 3rem}.imprint-content h1{margin-bottom:2rem}.imprint-section{margin-bottom:2rem;padding-bottom:1.5rem}}.privacy-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--bg-primary)}.privacy-content{max-width:900px;margin:0 auto}.privacy-content h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);margin-bottom:3rem;letter-spacing:-.02em}.privacy-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.privacy-section:last-of-type{border-bottom:none}.privacy-section h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#d4a574e6;margin-bottom:1.5rem;margin-top:0}.privacy-section h3{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;margin-top:1.5rem}.privacy-section p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.privacy-section strong{color:var(--text-primary);font-weight:500}.privacy-section ul{list-style:none;padding:0;margin:1rem 0}.privacy-section ul li{font-size:1rem;color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.5rem}.privacy-section ul li:before{content:"•";position:absolute;left:0;color:#d4a57499;font-size:1.2rem}.privacy-update{font-size:.875rem;color:#fff6;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.privacy-back-btn{margin-top:2rem}[data-theme=light] .privacy-section{border-bottom-color:#00000014}[data-theme=light] .privacy-section h2{color:#b8935fe6}[data-theme=light] .privacy-section ul li:before{color:#b8935f99}[data-theme=light] .privacy-update{color:#0006;border-top-color:#00000014}@media (max-width: 768px){.privacy-page{padding:6rem 1.5rem 3rem}.privacy-content h1{margin-bottom:2rem}.privacy-section{margin-bottom:2rem;padding-bottom:1.5rem}.privacy-section h2{font-size:1.25rem}.privacy-section h3{font-size:1rem}}.scroll-nav-wrapper{position:fixed;bottom:2rem;right:1.5rem;z-index:900}.scroll-nav{background:#0f1419d9;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0a}[data-theme=light] .scroll-nav{background:#ffffffe6;border-color:#0000001a;box-shadow:0 8px 32px #0000001f,inset 0 1px #fffc}.scroll-nav-items{display:flex;flex-direction:column;gap:2px;align-items:stretch}.scroll-nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;background:transparent;border:none;border-radius:10px;color:#ffffff73;cursor:pointer;transition:background .2s ease,color .2s ease;font-family:var(--font-mono);white-space:nowrap}.scroll-nav-item:hover{background:#ffffff0f;color:#ffffffd9}.scroll-nav-item.active{color:#d4a574;background:#d4a57414}.scroll-nav-item.active:hover{color:#edd1aa;background:#d4a5741f}[data-theme=light] .scroll-nav-item{color:#00000059}[data-theme=light] .scroll-nav-item:hover{background:#0000000d;color:#000c}[data-theme=light] .scroll-nav-item.active{color:#b8935f;background:#b8935f14}[data-theme=light] .scroll-nav-item.active:hover{color:#8b6b3d;background:#b8935f1f}.scroll-nav-special{color:#d4a57480}.scroll-nav-special:hover{color:#d4a574}[data-theme=light] .scroll-nav-special{color:#b8935f80}[data-theme=light] .scroll-nav-special:hover{color:#b8935f}.scroll-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.scroll-nav-icon svg{display:block}.scroll-nav-label{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.scroll-nav-divider{width:100%;height:1px;background:#ffffff14;margin:4px 0}.scroll-nav-lang-label{font-weight:700;letter-spacing:.08em}[data-theme=light] .scroll-nav-divider{background:#00000014}.chat-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.chat-popup-content{background:#1a1f26f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;max-width:420px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #0006}[data-theme=light] .chat-popup-content{background:#fffffffa;border-color:#0000001a;box-shadow:0 20px 60px #00000026}.chat-popup-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease}.chat-popup-close:hover{background:#ffffff1a;color:#fff}[data-theme=light] .chat-popup-close{background:#0000000a;border-color:#0000001a;color:#00000080}[data-theme=light] .chat-popup-close:hover{background:#00000014;color:#000000e6}.chat-popup-icon{color:#d4a574;margin-bottom:1.5rem}.chat-popup-content h3{font-size:1.5rem;margin-bottom:.75rem}.chat-popup-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.chat-popup-buttons{display:flex;flex-direction:column;gap:.75rem}.chat-popup-buttons .btn{width:100%;text-align:center;text-decoration:none;display:block}@media (max-width: 768px){.scroll-nav-wrapper{bottom:1rem;right:1rem}.scroll-nav{padding:6px;border-radius:12px}.scroll-nav-item{height:34px;gap:8px;padding:0 10px}.scroll-nav-label{font-size:10px}.scroll-nav-icon{width:16px;height:16px}.scroll-nav-icon svg{width:16px;height:16px}}@media (max-width: 480px){.scroll-nav-label{display:none}.scroll-nav-item{width:34px;padding:0;justify-content:center;gap:0}}.aa-section{padding:4rem 2rem 6rem;background:transparent;position:relative;z-index:1;pointer-events:none}.aa-content{max-width:900px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#262a32e0,#21262eeb,#1c212ae0);-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3.5rem 3rem;box-shadow:0 8px 32px #00000026,0 0 60px #d4a5740a,inset 0 1px #ffffff0d;pointer-events:auto;animation:aa-box-glow 8s ease-in-out infinite alternate}@keyframes aa-box-glow{0%{box-shadow:0 8px 32px #00000026,0 0 50px #d4a57408,inset 0 1px #ffffff0d}50%{box-shadow:0 10px 36px #0000001f,0 0 70px #b4c8e60d,inset 0 1px #ffffff0f}to{box-shadow:0 6px 28px #00000021,0 0 55px #d4a5740a,inset 0 1px #ffffff0d}}[data-theme=light] .aa-content{background:linear-gradient(135deg,#f2f2f2eb,#eeeeeef0,#ebebebeb);border-color:#0000000f;box-shadow:0 8px 40px #0000000f,inset 0 1px #fffc;animation:none}[data-theme=light] .aa-content .aa-title{color:#000000e0}[data-theme=light] .aa-content .aa-subtitle{color:#0000008c}[data-theme=light] .aa-content .aa-capability h3{color:#000000d9}[data-theme=light] .aa-content .aa-capability p{color:#00000080}.aa-header{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:2rem}.aa-logo-link{display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-default)}.aa-logo-link:hover{transform:scale(1.05)}.aa-logo-img{height:192px;width:auto;transition:var(--transition-default)}.aa-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d4a574e6;background:#d4a57414;border:1px solid rgba(212,165,116,.15);padding:6px 16px;border-radius:var(--radius-full)}[data-theme=light] .aa-badge{color:#b8935ff2;background:#b8935f1a;border-color:#b8935f40}.aa-title{font-family:var(--font-display);font-size:clamp(28px,3.5vw,42px);font-weight:600;letter-spacing:.03em;margin-bottom:.75rem;color:#fffffff2}[data-theme=light] .aa-title{color:#000000eb}.aa-chapter-label{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#d4a574cc;margin-bottom:1rem}[data-theme=light] .aa-chapter-label{color:#b8935fd9}.aa-subtitle{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);max-width:700px;margin:0 auto 3rem}.aa-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.aa-capability{padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);transition:var(--transition-default);text-align:left}.aa-capability:hover{background:#ffffff0d;border-color:#d4a57426;transform:translateY(-3px);box-shadow:0 8px 24px #00000026}[data-theme=light] .aa-capability{background:#00000005;border-color:#00000014}[data-theme=light] .aa-capability:hover{background:#0000000a;border-color:#b8935f4d}.aa-capability-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#d4a57414;border:1px solid rgba(212,165,116,.15);border-radius:var(--radius-md);margin-bottom:1.25rem;color:#d4a574}[data-theme=light] .aa-capability-icon{background:#b8935f1a;border-color:#b8935f40;color:#b8935f}.aa-capability h3{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.02em;margin-bottom:.6rem;color:#ffffffeb}[data-theme=light] .aa-capability h3{color:#000000e6}.aa-capability p{font-size:.925rem;line-height:1.6;color:var(--text-secondary)}.aa-actions{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.aa-btn{display:inline-flex;align-items:center;gap:.5rem}.aa-btn svg{flex-shrink:0}@media (max-width: 768px){.aa-section{padding:4rem 1.5rem}.aa-capabilities{grid-template-columns:1fr;gap:1rem}.aa-capability{text-align:center}.aa-logo-img{height:48px}.aa-actions{flex-direction:column;align-items:center}.aa-btn{width:100%;max-width:300px;justify-content:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0d10;position:relative;overflow:hidden;padding:2rem}.login-bg-cells{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.login-bg-cells .background-cells-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.login-bg-cells .background-cells-core{height:100%}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(212,165,116,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(212,165,116,.05) 0%,transparent 40%);pointer-events:none;z-index:1}.login-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:420px}.login-brand{display:flex;align-items:center;gap:1rem}.login-logo{height:48px;width:auto;filter:brightness(0) invert(1);opacity:.95}.login-brand-text{display:flex;flex-direction:column;gap:2px}.login-brand-name{font-family:Space Mono,monospace;font-size:1.125rem;font-weight:700;letter-spacing:.05em;color:#fffffff2}.login-brand-tagline{font-family:Space Mono,monospace;font-size:.625rem;font-weight:500;letter-spacing:.15em;color:#ffffff80;text-transform:uppercase}.login-card{width:100%;background:#0f141999;-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px #0000004d,0 0 0 1px #ffffff08 inset}.login-card-header{text-align:center;margin-bottom:2rem}.login-card-header h1{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#fffffff2;margin-bottom:.5rem}.login-card-header p{font-size:.9375rem;color:#ffffff80;line-height:1.5}.login-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.25);border-radius:8px;margin-bottom:1.5rem;color:#fca5a5;font-size:.875rem}.login-error svg{flex-shrink:0;color:#f87171}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-field{display:flex;flex-direction:column;gap:.5rem}.login-field label{font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.12em;color:#d4a574cc;text-transform:uppercase}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:1rem;color:#ffffff4d;pointer-events:none;transition:color .2s ease}.login-input-wrapper:focus-within .login-input-icon{color:#d4a574}.login-field input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.9375rem;color:#fffffff2;outline:none;transition:all .2s ease}.login-field input::placeholder{color:#ffffff4d}.login-field input:focus{border-color:#d4a57480;background:#d4a57408;box-shadow:0 0 0 3px #d4a57414}.login-field input:disabled{opacity:.5;cursor:not-allowed}.login-field input:-webkit-autofill,.login-field input:-webkit-autofill:hover,.login-field input:-webkit-autofill:focus,.login-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(15,20,25,.95) inset!important;box-shadow:0 0 0 30px #0f1419f2 inset!important;-webkit-text-fill-color:rgba(255,255,255,.95)!important;border-color:#ffffff1a!important;caret-color:#fffffff2;transition:background-color 5000s ease-in-out 0s}.login-submit{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;margin-top:.5rem;background:linear-gradient(135deg,#d4a574,#c99a66);border:none;border-radius:8px;font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0a0d10;cursor:pointer;transition:all .25s ease}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d4a57440,0 0 0 1px #d4a5744d}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-loading{display:flex;align-items:center;gap:.75rem}.login-spinner{width:18px;height:18px;border:2px solid rgba(10,13,16,.3);border-top-color:#0a0d10;border-radius:50%;animation:spin .8s linear infinite}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.login-footer p{font-size:.875rem;color:#ffffff80}.login-footer a{color:#d4a574;text-decoration:none;font-weight:500;transition:color .2s ease}.login-footer a:hover{color:#edd1aa;text-decoration:underline}.login-status{display:flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.6875rem;font-weight:500;letter-spacing:.1em;color:#fff6;text-transform:uppercase}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#0a0d10;color:#fff9;font-size:.9375rem}.auth-loading-spinner{width:40px;height:40px;border:3px solid rgba(212,165,116,.2);border-top-color:#d4a574;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.login-page{padding:1.5rem}.login-card{padding:2rem 1.5rem}.login-card-header h1{font-size:1.25rem}.login-brand-name{font-size:1rem}}.set-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0d10;position:relative;overflow:hidden;padding:2rem}.set-password-bg-cells{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.set-password-bg-cells .background-cells-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.set-password-bg-cells .background-cells-core{height:100%}.set-password-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(212,165,116,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(212,165,116,.05) 0%,transparent 40%);pointer-events:none;z-index:1}.set-password-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:420px}.set-password-brand{display:flex;align-items:center;gap:1rem}.set-password-logo{height:48px;width:auto;filter:brightness(0) invert(1);opacity:.95}.set-password-brand-text{display:flex;flex-direction:column;gap:2px}.set-password-brand-name{font-family:Space Mono,monospace;font-size:1.125rem;font-weight:700;letter-spacing:.05em;color:#fffffff2}.set-password-brand-name .brand-accent{color:#d4a574}.set-password-brand-tagline{font-family:Space Mono,monospace;font-size:.625rem;font-weight:500;letter-spacing:.15em;color:#ffffff80;text-transform:uppercase}.set-password-card{width:100%;background:#0f141999;-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px #0000004d,0 0 0 1px #ffffff08 inset}.set-password-card-header{text-align:center;margin-bottom:2rem}.set-password-card-header h1{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#fffffff2;margin-bottom:.5rem}.set-password-card-header p{font-size:.9375rem;color:#ffffff80;line-height:1.5}.set-password-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.25);border-radius:8px;margin-bottom:1.5rem;color:#fca5a5;font-size:.875rem}.set-password-error svg{flex-shrink:0;color:#f87171}.set-password-form{display:flex;flex-direction:column;gap:1.5rem}.set-password-field{display:flex;flex-direction:column;gap:.5rem}.set-password-field label{font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.12em;color:#d4a574cc;text-transform:uppercase}.set-password-input-wrapper{position:relative;display:flex;align-items:center}.set-password-input-icon{position:absolute;left:1rem;color:#ffffff4d;pointer-events:none;transition:color .2s ease}.set-password-input-wrapper:focus-within .set-password-input-icon{color:#d4a574}.set-password-field input{width:100%;padding:1rem 3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.9375rem;color:#fffffff2;outline:none;transition:all .2s ease}.set-password-field input::placeholder{color:#ffffff4d}.set-password-field input:focus{border-color:#d4a57480;background:#d4a57408;box-shadow:0 0 0 3px #d4a57414}.set-password-field input:disabled{opacity:.5;cursor:not-allowed}.set-password-toggle{position:absolute;right:1rem;background:none;border:none;padding:0;color:#ffffff4d;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.set-password-toggle:hover{color:#d4a574}.set-password-field input:-webkit-autofill,.set-password-field input:-webkit-autofill:hover,.set-password-field input:-webkit-autofill:focus,.set-password-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(15,20,25,.95) inset!important;box-shadow:0 0 0 30px #0f1419f2 inset!important;-webkit-text-fill-color:rgba(255,255,255,.95)!important;border-color:#ffffff1a!important;caret-color:#fffffff2;transition:background-color 5000s ease-in-out 0s}.password-requirements{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.requirement{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff6;transition:color .2s ease}.requirement svg{flex-shrink:0;opacity:.5;transition:all .2s ease}.requirement.met{color:#22c55e}.requirement.met svg{opacity:1;color:#22c55e}.field-error{font-size:.75rem;color:#f87171;margin-top:.25rem}.field-success{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#22c55e;margin-top:.25rem}.set-password-submit{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;margin-top:.5rem;background:linear-gradient(135deg,#d4a574,#c99a66);border:none;border-radius:8px;font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0a0d10;cursor:pointer;transition:all .25s ease}.set-password-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d4a57440,0 0 0 1px #d4a5744d}.set-password-submit:active:not(:disabled){transform:translateY(0)}.set-password-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.set-password-loading{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#fff9;font-size:.9375rem}.set-password-spinner{width:40px;height:40px;border:3px solid rgba(212,165,116,.2);border-top-color:#d4a574;border-radius:50%;animation:spin 1s linear infinite}.set-password-loading-btn{display:flex;align-items:center;gap:.75rem}.set-password-spinner-btn{width:18px;height:18px;border:2px solid rgba(10,13,16,.3);border-top-color:#0a0d10;border-radius:50%;animation:spin .8s linear infinite}.set-password-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.set-password-footer p{font-size:.875rem;color:#ffffff80}.set-password-footer a{color:#d4a574;text-decoration:none;font-weight:500;transition:color .2s ease}.set-password-footer a:hover{color:#edd1aa;text-decoration:underline}.set-password-status{display:flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.6875rem;font-weight:500;letter-spacing:.1em;color:#fff6;text-transform:uppercase}.status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e80;animation:pulse-dot 2s ease-in-out infinite}.status-dot-error{background:#f87171;box-shadow:0 0 8px #f8717180}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.set-password-error-card{text-align:center;padding:3rem 2.5rem}.set-password-error-card .set-password-error-icon{display:flex;justify-content:center;margin-bottom:1.5rem;color:#f87171}.set-password-error-card h1{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:#fffffff2;margin-bottom:1rem}.set-password-error-card p{font-size:.9375rem;color:#ffffff80;line-height:1.6;margin-bottom:2rem}.set-password-contact-link{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#d4a57426;border:1px solid rgba(212,165,116,.3);border-radius:8px;color:#d4a574;font-family:Space Mono,monospace;font-size:.8125rem;font-weight:600;letter-spacing:.03em;text-decoration:none;transition:all .25s ease}.set-password-contact-link:hover{background:#d4a57440;border-color:#d4a57480;transform:translateY(-2px);box-shadow:0 4px 12px #d4a57433}@media (max-width: 480px){.set-password-page{padding:1.5rem}.set-password-card{padding:2rem 1.5rem}.set-password-card-header h1{font-size:1.25rem}.set-password-brand-name{font-size:1rem}.password-requirements{grid-template-columns:1fr}.set-password-error-card{padding:2rem 1.5rem}}.client-dashboard{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:#ffffffe6;color-scheme:light only}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f1419cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.dashboard-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.page-header-actions{display:flex;gap:.75rem}.btn-primary{background:#d4a57426;border:1px solid rgba(212,165,116,.4);color:#d4a574}.btn-primary:hover{background:#d4a57440;border-color:#d4a57499}.btn-icon{padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffff80;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#d4a5741a;border-color:#d4a57466;color:#d4a574}.projects-section{margin-bottom:2rem}.projects-table{background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1.25fr 1.25fr 1.25fr .5fr;gap:1rem;padding:1rem 1.5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.table-header span{font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.1em;color:#fff6}.table-row{display:grid;grid-template-columns:2fr 1fr 1.25fr 1.25fr 1.25fr .5fr;gap:1rem;padding:1.5rem;align-items:flex-start;min-height:100px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s ease}.table-row:hover{background:#ffffff05}.table-row:last-of-type{border-bottom:none}.col-project{display:flex;align-items:center;gap:1rem}.project-icon{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;background:#d4a5741a;border:1px solid rgba(212,165,116,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#d4a574;overflow:hidden}.project-info{display:flex;flex-direction:column;gap:4px}.project-name{font-size:.9375rem;font-weight:600;color:#fffffff2}.project-ref{font-family:Space Mono,monospace;font-size:.6875rem;letter-spacing:.05em;color:#fff6}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.05em;border-radius:4px}.status-badge.active{background:#3b82f626;color:#60a5fa}.status-badge.planning{background:#a855f726;color:#c084fc}.status-badge.done{background:#22c55e26;color:#4ade80}.status-badge.archived{background:#ffffff14;color:#ffffff80}.status-badge{min-width:72px;text-align:center;justify-content:center}.status-badge.mobile-only{display:none}.cell-content{display:flex;flex-direction:column;gap:.25rem}.cell-value{font-family:Space Mono,monospace;font-size:.9375rem;font-weight:600;color:#ffffffe6}.cell-label{font-family:Space Mono,monospace;font-size:.625rem;font-weight:500;letter-spacing:.08em;color:#fff6;text-transform:uppercase}.col-tasks,.col-progress{display:flex;align-items:flex-start}.progress-row{display:flex;align-items:center;gap:.75rem;width:100%}.progress-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;min-width:60px}.progress-fill{height:100%;background:linear-gradient(90deg,#c99a66,#d4a574,#e8c9a5);border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{left:-100%}to{left:100%}}.col-progress .cell-value{color:#d4a574}.col-milestone{display:flex;align-items:flex-start}.col-details{display:flex;justify-content:flex-end;align-items:flex-start}.table-empty{padding:3rem 2rem;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:400px;margin:0 auto}.empty-icon{color:#fff3;margin-bottom:.5rem}.empty-state h3{font-family:Space Mono,monospace;font-size:1.125rem;font-weight:600;color:#fffc;margin:0}.empty-state p{font-size:.875rem;color:#fff6;line-height:1.6;margin:0 0 1rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#ffffff80}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:12px;margin-bottom:2rem}.dashboard-error p{color:#fca5a5;font-size:.875rem}.project-icon img{width:100%;height:100%;object-fit:cover}.articles-section{margin-top:3rem;padding:0 .5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header h2{font-family:Space Mono,monospace;font-size:1.75rem;font-weight:700;letter-spacing:.03em;color:#fffffff2;margin:0}.section-header .btn-link{background:transparent;border:none;font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.08em;color:#d4a574;cursor:pointer;transition:all .2s ease;text-transform:uppercase;padding:.5rem 0}.section-header .btn-link:hover{color:#fff;transform:translate(4px)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}.article-tile{display:flex;flex-direction:column;background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;height:100%}.article-tile:hover{background:#ffffff05;border-color:#d4a5744d;transform:translateY(-2px)}.tile-cover{width:100%;height:100px;background:#0003;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.04)}.tile-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-tile:hover .tile-cover img{transform:scale(1.05)}.tile-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d4a57466;background:#d4a5740d}.tile-content{padding:1.25rem 1.25rem 3.5rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.tile-meta{display:flex;align-items:center;gap:.75rem;font-family:Space Mono,monospace;font-size:.6875rem}.tile-date{color:#fff6}.tile-tag{color:#d4a574;padding:.125rem .375rem;background:#d4a5741a;border-radius:4px}.tile-title{font-size:1rem;font-weight:600;line-height:1.4;color:#ffffffe6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-arrow{position:absolute;bottom:1.25rem;right:1.25rem;color:#fff3;transition:all .2s ease}.article-tile:hover .tile-arrow{color:#d4a574;transform:translate(4px)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease}.stat-card:hover{border-color:#ffffff1a;background:#0f1419b3}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:#d4a5744d}.stat-card.clickable:hover .preview-arrow{color:#d4a574;transform:translate(4px)}.stat-icon{width:48px;height:48px;background:#d4a5741a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#d4a574}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.1em;color:#fff6}.stat-value{display:flex;align-items:baseline;gap:.375rem}.value-main{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:#fffffff2}.value-suffix{font-size:.875rem;color:#fff6}.value-placeholder{font-family:Space Mono,monospace;font-size:1rem;font-weight:600;color:#fff6;letter-spacing:.05em}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0f141980;border-top:1px solid rgba(255,255,255,.06)}.footer-links a{font-family:Space Mono,monospace;font-size:.6875rem;letter-spacing:.08em;color:#fff6;text-decoration:none;transition:color .2s ease}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1.25fr 1.25fr .5fr}.col-milestone{display:none}.stats-grid{grid-template-columns:1fr}}@media (max-width: 900px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1.25fr .5fr}.col-tasks{display:none}}@media (max-width: 768px){.dashboard-header{padding:.75rem 1rem;gap:.5rem}.header-brand-text{display:none}.header-logo{height:28px}.header-user{display:none}.header-right{gap:.75rem}.user-avatar{width:36px;height:36px}.header-logout{padding:.5rem}.dashboard-main{padding:1.5rem 1rem}.page-header{flex-direction:column;gap:1rem}.page-header-content h1{font-size:1.25rem}.articles-grid{grid-template-columns:1fr}.table-header{display:none}.table-row{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;min-height:auto;cursor:pointer}.col-project{flex:1;min-width:0}.project-icon{width:36px;height:36px;min-width:36px;min-height:36px}.project-info{gap:4px}.project-name{font-size:.875rem;line-height:1.3}.project-ref,.col-status{display:none}.status-badge.mobile-only{display:inline-flex;font-size:.5625rem;padding:.25rem 0;width:72px;min-width:72px;justify-content:center;text-align:center;box-sizing:border-box}.col-progress,.col-tasks,.col-milestone{display:none}.col-details{flex-shrink:0}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d4a57414;border-color:#d4a57426;color:#d4a574}.btn-icon svg{width:18px;height:18px}.dashboard-footer{flex-direction:column;gap:1rem;text-align:center}}.dashboard-header{animation:fadeIn .4s ease forwards}.page-header{animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.projects-table{animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.stats-grid{animation:fadeInUp .5s ease forwards;animation-delay:.25s;opacity:0}.articles-section{animation:fadeInUp .5s ease forwards;animation-delay:.3s;opacity:0}.dashboard-footer{animation:fadeIn .4s ease forwards;animation-delay:.4s;opacity:0}.table-row{animation:fadeInUp .4s ease forwards;opacity:0}.table-row:nth-child(1){animation-delay:.25s}.table-row:nth-child(2){animation-delay:.3s}.table-row:nth-child(3){animation-delay:.35s}.table-row:nth-child(4){animation-delay:.4s}.table-row:nth-child(5){animation-delay:.45s}.header-info-btn{padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-info-btn:hover{background:#d4a5741a;border-color:#d4a5744d;color:#d4a574}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.article-tile-compact{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .2s ease;animation:fadeInUp .4s ease forwards;opacity:0}.article-tile-compact:hover{background:#ffffff05;border-color:#d4a5744d;transform:translateY(-2px)}.compact-tile-icon{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;background:#d4a5741a;border:1px solid rgba(212,165,116,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#d4a574;overflow:hidden}.compact-tile-icon img{width:100%;height:100%;object-fit:cover}.compact-tile-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.compact-tile-title{font-size:.9375rem;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-tile-meta{display:flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.6875rem;color:#fff6}.compact-tile-tag{color:#d4a574;padding:.125rem .375rem;background:#d4a5741a;border-radius:4px}.compact-tile-arrow{color:#fff3;flex-shrink:0;transition:all .2s ease}.article-tile-compact:hover .compact-tile-arrow{color:#d4a574;transform:translate(4px)}@media (max-width: 768px){.articles-grid{grid-template-columns:1fr}}.grid-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:#0a0d10}.grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(212,165,116,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,165,116,.03) 1px,transparent 1px);background-size:40px 40px}.grid-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(212,165,116,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(212,165,116,.04) 0%,transparent 40%),linear-gradient(180deg,transparent 0%,rgba(10,13,16,.3) 100%)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.onboarding-modal{position:relative;width:100%;max-width:440px;background:#0f1419f2;border:1px solid rgba(212,165,116,.2);border-radius:16px;padding:2.5rem;box-shadow:0 24px 48px #0006,0 0 0 1px #ffffff08 inset;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-close{position:absolute;top:1rem;right:1rem;padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff6;cursor:pointer;transition:all .2s ease}.onboarding-close:hover{background:#ffffff0d;color:#fffc}.onboarding-content{text-align:center}.onboarding-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:#d4a5741a;border:1px solid rgba(212,165,116,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#d4a574}.onboarding-content h2{font-family:Space Mono,monospace;font-size:1.375rem;font-weight:700;color:#fffffff2;margin-bottom:.75rem}.onboarding-content p{font-size:.9375rem;line-height:1.6;color:#fff9;margin-bottom:2rem}.onboarding-steps{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.step-dot{width:8px;height:8px;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.step-dot.active{background:#d4a574;width:24px;border-radius:4px}.step-dot.completed{background:#d4a57466}.step-dot:hover:not(.active){background:#ffffff40}.onboarding-actions{display:flex;gap:.75rem}.onboarding-skip,.onboarding-next,.onboarding-complete{flex:1;padding:.875rem 1.5rem;font-family:Space Mono,monospace;font-size:.8125rem;font-weight:600;letter-spacing:.05em;border-radius:8px;cursor:pointer;transition:all .2s ease}.onboarding-skip{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80}.onboarding-skip:hover{background:#ffffff0d;color:#fffc}.onboarding-next,.onboarding-complete{background:linear-gradient(135deg,#d4a574,#c99a66);border:none;color:#0a0d10}.onboarding-next:hover,.onboarding-complete:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a57440}.onboarding-contact{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06);font-size:.8125rem;color:#fff6}.onboarding-contact a{color:#d4a574;text-decoration:none;transition:color .2s ease}.onboarding-contact a:hover{color:#edd1aa}@media (max-width: 480px){.onboarding-modal{padding:2rem 1.5rem}.onboarding-content h2{font-size:1.25rem}.onboarding-actions{flex-direction:column-reverse}}.project-detail-page{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:#ffffffe6;color-scheme:light only}.project-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f1419cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.header-right{display:flex;align-items:center;gap:1.5rem}.project-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.05em;color:#d4a574;cursor:pointer;margin-bottom:2rem;transition:opacity .2s ease}.back-button:hover{opacity:.8}.project-title-section{margin-bottom:2rem}.project-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.project-badge{display:inline-block;padding:.375rem .75rem;background:#d4a57426;border:1px solid rgba(212,165,116,.4);border-radius:4px;font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.08em;color:#d4a574}.project-id{font-family:Space Mono,monospace;font-size:.75rem;color:#fff6}.project-title{font-family:Space Mono,monospace;font-size:2rem;font-weight:700;letter-spacing:.02em;color:#fffffff2;margin-bottom:.5rem}.project-description{font-size:1rem;color:#ffffff80;margin-bottom:2rem}.timeline-section{margin-bottom:2rem}.timeline-bar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:1rem}.timeline-fill{height:100%;background:linear-gradient(90deg,#c99a66,#d4a574,#e8c9a5);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.timeline-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.timeline-phases{display:flex;justify-content:space-between}.timeline-phase{font-family:Space Mono,monospace;font-size:.6875rem;letter-spacing:.05em;color:#ffffff4d;transition:color .2s ease}.timeline-phase.active{color:#fff9}.timeline-phase.current{color:#d4a574;font-weight:600}.completion-info{display:flex;align-items:center;gap:2rem;padding:1.25rem 1.5rem;background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px}.completion-label{font-family:Space Mono,monospace;font-size:.625rem;letter-spacing:.1em;color:#fff6}.completion-date{display:flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:1rem;font-weight:600;color:#d4a574}.completion-progress{margin-left:auto}.progress-percent{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:#fffffff2}.project-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1.5rem;margin-bottom:2rem;align-items:stretch}.grid-card{background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;min-height:320px;display:flex;flex-direction:column}.grid-card h2{display:flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.03em;color:#ffffffe6;margin-bottom:1rem}.tasks-card .tasks-list{flex:1}.tasks-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tasks-card .card-header h2{margin-bottom:0}.tasks-card .tasks-counter{font-family:Space Mono,monospace;font-size:.75rem;color:#d4a574;background:#d4a5741a;padding:.25rem .75rem;border-radius:4px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header h2{margin-bottom:0}.btn-link{background:none;border:none;font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.05em;color:#d4a574;cursor:pointer;transition:opacity .2s ease}.assets-list{display:flex;flex-direction:column;gap:.75rem}.asset-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;transition:all .2s ease}.asset-item:hover{background:#ffffff0a;border-color:#ffffff14}.asset-icon{width:36px;height:36px;background:#60a5fa1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#60a5fa}.asset-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.asset-name{font-size:.8125rem;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-meta{font-size:.6875rem;color:#fff6}.asset-download{padding:.5rem;background:transparent;border:none;color:#fff6;cursor:pointer;transition:color .2s ease}.asset-download:hover{color:#d4a574}.assets-empty{padding:1.5rem;text-align:center;color:#fff6;font-size:.875rem}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.upload-zone:hover{border-color:#d4a57466;background:#d4a57405}.upload-icon{color:#d4a574;margin-bottom:.75rem}.upload-text{font-size:.875rem;font-weight:500;color:#fffc;margin-bottom:.25rem}.upload-hint{font-size:.75rem;color:#fff6}.milestone-card{padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.milestone-header{display:flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.05em;color:#fff9;margin-bottom:.75rem}.milestone-due{margin-left:auto;padding:.25rem .5rem;background:#22c55e26;border-radius:4px;font-size:.625rem;color:#4ade80}.milestone-card h3{font-size:.9375rem;font-weight:600;color:#fffffff2;margin-bottom:.5rem}.milestone-card p{font-size:.8125rem;line-height:1.5;color:#ffffff80;margin-bottom:1rem}.milestone-link{padding:0}.contact-card{position:relative;overflow:hidden}.contact-shader-background{position:absolute;top:-60%;left:-20%;right:-20%;bottom:-40%;z-index:0;opacity:.4}.contact-shader-background .shader-animation-container{width:100%;height:100%}.contact-shader-background canvas{width:100%!important;height:100%!important}.contact-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;justify-content:center}.contact-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid rgba(212,165,116,.3);margin-bottom:1rem}.contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-info{margin-bottom:1rem}.contact-info h3{font-family:Space Mono,monospace;font-size:1.125rem;font-weight:700;color:#fffffff2;margin-bottom:.25rem}.contact-role{font-family:Space Mono,monospace;font-size:.625rem;letter-spacing:.1em;color:#d4a574}.contact-message{padding:1rem;background:#ffffff05;border-left:2px solid rgba(212,165,116,.4);margin-bottom:1.5rem;width:100%}.contact-message p{font-size:.875rem;font-style:italic;line-height:1.6;color:#ffffffb3;margin:0}.contact-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.contact-btn{width:100%;justify-content:center}.tasks-section{margin-bottom:2rem}.tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.tasks-section h2{font-family:Space Mono,monospace;font-size:1rem;font-weight:600;color:#ffffffe6;margin:0}.tasks-counter{font-family:Space Mono,monospace;font-size:.75rem;font-weight:600;color:#4ade80;background:#22c55e26;padding:.375rem .75rem;border-radius:4px}.tasks-list{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;flex-direction:column;padding:0;gap:0;background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .2s ease;cursor:pointer;overflow:hidden}.task-item:hover,.task-item.active{background:#ffffff0a;border-color:#ffffff26}.task-main-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;width:100%}.task-description{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;background:#0003;padding:0 1.25rem 0 3.5rem}.task-item:hover .task-description{max-height:300px;padding:.75rem 1.25rem 1rem 3.5rem}.task-description p{font-size:.8125rem;line-height:1.6;color:#fff9;margin:0}.task-status-label{font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.08em;padding:.125rem .5rem;border-radius:3px;display:inline-block;width:fit-content}.task-status-label.status-todo{color:#ffffff80;background:#ffffff14}.task-status-label.status-in_progress{color:#60a5fa;background:#60a5fa26}.task-status-label.status-review{color:#fbbf24;background:#fbbf2426}.task-status-label.status-done{color:#4ade80;background:#4ade8026}.task-status-icon{color:#ffffff4d;display:flex;align-items:center;flex-shrink:0}.status-review{color:#fbbf24}.status-pending{color:#ffffff4d}.status-in-progress{color:#60a5fa}.status-done{color:#4ade80}.status-todo{color:#ffffff4d}.task-info{flex:1;display:flex;flex-direction:row;align-items:center;gap:.75rem}.task-title{font-size:.875rem;font-weight:500;color:#ffffffe6}.task-title.done{text-decoration:line-through;color:#fff6}.task-item.done{opacity:.6}.task-due{font-size:.6875rem;color:#fff6}.task-priority{font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px}.priority-high{background:#ef444426;color:#f87171}.priority-medium{background:#fbbf2426;color:#fbbf24}.priority-low{background:#22c55e26;color:#4ade80}.project-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0f141980;border-top:1px solid rgba(255,255,255,.06)}.footer-links{display:flex;align-items:center;gap:1.5rem}.footer-links a{font-size:.75rem;color:#fff6;text-decoration:none;transition:color .2s ease}.footer-status{font-size:.75rem;color:#fff6}.status-online{color:#22c55e}.project-loading,.project-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#ffffff80}.project-error{color:#fca5a5}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:Space Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.05em;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}@media (max-width: 1024px){.project-grid{grid-template-columns:1fr 1fr}.contact-card{grid-column:span 2}}@media (max-width: 768px){.project-header{padding:.75rem 1rem}.header-brand-text{display:none}.header-logo{height:28px}.header-user{display:none}.header-right{gap:.75rem}.user-avatar{width:36px;height:36px}.header-logout{padding:.5rem}.project-main{padding:1.5rem 1rem}.project-title{font-size:1.5rem}.project-grid{grid-template-columns:1fr}.contact-card{grid-column:span 1}.completion-info{flex-direction:column;gap:1rem;text-align:center}.completion-progress{margin-left:0}.timeline-phases{flex-wrap:wrap;gap:.5rem}.project-footer{flex-direction:column;gap:1rem;text-align:center}}.asset-actions{display:flex;gap:.5rem}.asset-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#ffffff0d;border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.asset-btn:hover{background:#ffffff1a;color:#ffffffe6}.asset-preview:hover{color:#d4a574}.asset-download:hover{color:#60a5fa}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;animation:fadeIn .2s ease}.preview-content{max-width:90vw;max-height:90vh;background:#0f1419f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.preview-title{font-family:Space Mono,monospace;font-size:.875rem;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.preview-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.preview-btn:hover{background:#ffffff26;color:#fff}.preview-close:hover{background:#ef444433;color:#f87171}.preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:1rem}.preview-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:4px}.preview-pdf{width:80vw;height:75vh;border:none;border-radius:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-header{animation:fadeIn .4s ease forwards}.back-button{animation:fadeInUp .5s ease forwards;animation-delay:.1s;opacity:0}.project-title-section{animation:fadeInUp .5s ease forwards;animation-delay:.15s;opacity:0}.project-grid{animation:fadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.grid-card{animation:fadeInUp .4s ease forwards;opacity:0}.grid-card:nth-child(1){animation-delay:.25s}.grid-card:nth-child(2){animation-delay:.3s}.grid-card:nth-child(3){animation-delay:.35s}.project-footer{animation:fadeIn .4s ease forwards;animation-delay:.4s;opacity:0}.knowledge-page{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:#ffffffe6;color-scheme:light only}.knowledge-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f1419cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.header-logo{height:32px;filter:brightness(0) invert(1)}.header-brand-text{display:flex;flex-direction:column}.header-brand-tagline{font-family:Space Mono,monospace;font-size:.5625rem;letter-spacing:.12em;color:#fff6}.knowledge-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.page-header-content h1{font-family:Space Mono,monospace;font-size:1.75rem;font-weight:700;letter-spacing:.03em;margin-bottom:.5rem}.btn-link{background:none;border:none;font-family:Space Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#d4a574;cursor:pointer;transition:opacity .2s ease}.btn-link:hover{opacity:.8}.filter-bar{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{position:relative;flex:1;max-width:400px}.search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.875rem;color:#ffffffe6;outline:none;transition:all .2s ease}.search-box input:focus{border-color:#d4a57480;background:#d4a57408}.tag-filters{display:flex;gap:.5rem;flex-wrap:wrap}.tag-filter{padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.05em;color:#fff9;cursor:pointer;transition:all .2s ease}.tag-filter:hover{border-color:#fff3;color:#fffc}.tag-filter.active{background:#d4a57426;border-color:#d4a57466;color:#d4a574}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.article-card{background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.article-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.article-cover{position:relative;height:160px;background:#ffffff05;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-cover img{transform:scale(1.05)}.article-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4a5741a,#d4a5740d);color:#d4a574}.article-tag{padding:.25rem .625rem;border-radius:4px;font-family:Space Mono,monospace;font-size:.5625rem;font-weight:600;letter-spacing:.05em}.article-content{padding:1.5rem}.article-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;color:#fff6}.article-divider{color:#fff3}.article-title{font-family:Space Mono,monospace;font-size:1.0625rem;font-weight:700;line-height:1.4;color:#fffffff2;margin-bottom:.75rem}.article-excerpt{font-size:.8125rem;line-height:1.6;color:#ffffff80;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-footer{display:flex;justify-content:flex-start;margin-top:1.5rem;padding-top:0;border:none;background:transparent}.read-more{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#d4a5741a;border:1px solid rgba(212,165,116,.2);border-radius:4px;font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.05em;color:#d4a574;transition:all .2s ease}.article-card:hover .read-more{background:#d4a574;color:#0a0d10;border-color:#d4a574;gap:.5rem}.articles-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:#fff3;margin-bottom:1rem}.articles-empty h3{font-family:Space Mono,monospace;font-size:1.125rem;font-weight:600;color:#fffc;margin-bottom:.5rem}.articles-empty p{font-size:.875rem;color:#fff6}.knowledge-loading,.knowledge-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.knowledge-error{color:#fca5a5}.knowledge-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0f141980;border-top:1px solid rgba(255,255,255,.06)}.footer-links{display:flex;align-items:center;gap:1.5rem;font-size:.75rem}.footer-status{color:#22c55e}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#ffffffb3;cursor:pointer;transition:all .2s ease}@media (max-width: 1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.knowledge-header{padding:.75rem 1rem}.header-brand-text{display:none}.header-logo{height:28px}.knowledge-main{padding:1.5rem 1rem}.page-header{flex-direction:column;gap:1rem}.filter-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.articles-grid{grid-template-columns:1fr}.knowledge-footer{flex-direction:column;gap:1rem}}.article-page{min-height:100vh;background:transparent;color:#ffffffe6;color-scheme:light only}.article-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f1419f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.header-logo{height:28px;filter:brightness(0) invert(1)}.header-brand-name{font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.05em}.header-actions,.header-right{display:flex;align-items:center;gap:1.5rem}.header-logout{padding:.625rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.header-logout:hover{background:#ffffff0d;border-color:#fff3;color:#fffc}.header-user{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{font-size:.875rem;font-weight:500;color:#ffffffe6}.user-role{font-family:Space Mono,monospace;font-size:.5625rem;letter-spacing:.1em;color:#d4a574}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d4a574,#c99a66);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(212,165,116,.3)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;color:#0a0d10}.breadcrumb-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:#0f141980;border-bottom:1px solid rgba(255,255,255,.04);font-family:Space Mono,monospace;font-size:.625rem;letter-spacing:.08em}.breadcrumb-bar a{color:#fff6;text-decoration:none;transition:color .2s ease}.breadcrumb-bar a:hover{color:#ffffffb3}.breadcrumb-bar svg{color:#fff3}.breadcrumb-current{color:#fff9}.back-link{margin-left:auto;background:none;border:none;font-family:Space Mono,monospace;font-size:.6875rem;color:#d4a574;cursor:pointer}.article-layout{display:grid;grid-template-columns:1fr 480px;gap:4rem;max-width:1600px;margin:0 auto;padding:2rem;width:100%}.article-main{max-width:900px;margin:0 auto}.article-cover{margin-bottom:2rem;border-radius:12px;overflow:hidden;aspect-ratio:21/9}.article-cover img{width:100%;height:100%;object-fit:cover;display:block}.article-tags{display:flex;gap:.5rem;margin-bottom:1rem}.article-tag{padding:.375rem .75rem;border-radius:4px;font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.05em}.article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.8125rem;color:#ffffff80}.meta-item{display:flex;align-items:center;gap:.375rem}.meta-divider{color:#fff3}.article-title{font-family:Space Mono,monospace;font-size:1.75rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:#fffffff2;margin-bottom:1.5rem}.article-author{display:flex;align-items:center;gap:1rem;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2rem}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#d4a574,#c99a66);display:flex;align-items:center;justify-content:center}.author-avatar span{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;color:#0a0d10}.author-info{flex:1}.author-name{display:block;font-size:.9375rem;font-weight:600;color:#ffffffe6}.author-role{display:block;font-family:Space Mono,monospace;font-size:.625rem;letter-spacing:.08em;color:#fff6}.author-actions{display:flex;gap:.5rem}.btn-icon-small{padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff6;cursor:pointer;transition:all .2s ease}.btn-icon-small:hover{background:#ffffff0d;color:#fffc}.article-content.prose{font-size:1.0625rem;line-height:1.8;color:#fffc}.article-content.prose h2{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:#fffffff2;margin-top:2.5rem;margin-bottom:1rem;padding-left:1rem;border-left:3px solid #D4A574}.article-content.prose h3{font-family:Space Mono,monospace;font-size:1.125rem;font-weight:600;color:#ffffffe6;margin-top:2rem;margin-bottom:.75rem}.article-content.prose p{margin-bottom:1.5rem}.article-content.prose a{color:#d4a574;text-decoration:underline;text-underline-offset:2px}.article-content.prose a:hover{color:#e0b888}.article-content.prose ul,.article-content.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content.prose li{margin-bottom:.5rem}.article-content.prose li::marker{color:#d4a574}.article-content.prose strong{color:#fffffff2;font-weight:600}.article-quote{position:relative;margin:2rem 0;padding:1.5rem 2rem;background:#ffffff05;border-left:3px solid rgba(212,165,116,.6);font-style:italic;color:#ffffffb3}.article-quote p{margin:0}.code-block{margin:1.5rem 0;background:#0f1419;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.code-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.code-dots{display:flex;gap:6px}.code-dots .dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-language{font-family:Space Mono,monospace;font-size:.6875rem;letter-spacing:.05em;color:#fff6;margin-left:auto}.code-block pre{margin:0;padding:1.25rem;overflow-x:auto}.code-block code{font-family:Space Mono,SF Mono,monospace;font-size:.875rem;line-height:1.6;color:#e5c07b}.inline-code{padding:.125rem .375rem;background:#d4a5741a;border:1px solid rgba(212,165,116,.2);border-radius:4px;font-family:Space Mono,monospace;font-size:.875em;color:#d4a574}.article-content.prose iframe{max-width:100%;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:8px;margin:1.5rem 0;display:block}.article-content.prose{overflow-x:hidden}.callout-box{margin:1.5rem 0;padding:1.25rem 1.5rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:8px}.callout-box.warning{background:#ef444414;border-color:#ef444433}.callout-box strong{display:block;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.08em;color:#fbbf24;margin-bottom:.5rem}.callout-box.warning strong{color:#f87171}.article-feedback{display:flex;align-items:center;gap:1rem;margin-top:3rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.feedback-question{font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.08em;color:#ffffff80}.feedback-buttons{display:flex;gap:.5rem;margin-left:auto}.feedback-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.875rem;color:#fff9;cursor:pointer;transition:all .2s ease}.feedback-btn:hover{background:#ffffff14}.feedback-btn.active.positive{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.feedback-btn.active.negative{background:#ef444426;border-color:#ef444466;color:#f87171}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.nav-prev,.nav-next{display:flex;flex-direction:column;gap:.375rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;text-decoration:none;transition:all .2s ease}.nav-prev:hover,.nav-next:hover{background:#ffffff0a;border-color:#ffffff1a}.nav-next{text-align:right}.nav-label{font-family:Space Mono,monospace;font-size:.625rem;letter-spacing:.1em;color:#fff6}.nav-title{font-size:.875rem;font-weight:500;color:#fffc}.article-sidebar{position:fixed;right:max(2rem,calc((100vw - 1600px)/2 + 2rem));top:90px;width:480px;height:calc(100vh - 110px);display:flex;flex-direction:column;gap:0}.sidebar-scroll-area{margin:auto 0;max-height:calc(100% - 60px);overflow-y:auto;padding-right:4px;padding-bottom:1rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;transition:mask-image .3s ease}.article-sidebar.chat-open .sidebar-scroll-area{mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);padding-bottom:2rem}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-chat-wrapper{flex-shrink:0;display:flex;flex-direction:column;margin-top:1rem}.sidebar-section{padding:1.25rem;background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px}.sidebar-section h3{font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:#fff6;margin-bottom:1rem}.toc{display:flex;flex-direction:column;gap:.25rem}.toc-item{display:block;padding:.5rem .75rem;font-size:.8125rem;color:#fff9;text-decoration:none;border-radius:4px;transition:all .2s ease}.toc-item:hover{background:#ffffff0a;color:#ffffffe6}.toc-item.level-3{padding-left:1.5rem;font-size:.75rem}.related-list{display:flex;flex-direction:column;gap:.75rem}.related-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#ffffff05;border-radius:6px;text-decoration:none;transition:background .2s ease}.related-item:hover{background:#ffffff0d}.related-image{width:50px;height:50px;border-radius:6px;object-fit:cover}.related-placeholder{width:50px;height:50px;border-radius:6px;background:#d4a5741a;display:flex;align-items:center;justify-content:center;color:#d4a574}.related-title{flex:1;font-size:.8125rem;font-weight:500;color:#fffc;line-height:1.4}.article-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0f141980;border-top:1px solid rgba(255,255,255,.06);margin-top:4rem}.footer-brand{display:flex;align-items:center;gap:.75rem;font-family:Space Mono,monospace;font-size:.75rem;color:#fff6}.footer-links a{color:#fff6;text-decoration:none}.footer-status{color:#fff6}.article-loading,.article-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.05em;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#d4a574,#c99a66);border:none;color:#0a0d10}@media (max-width: 1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;height:auto;display:flex;flex-direction:column;gap:2rem}.sidebar-scroll-area{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;overflow:visible;flex:none}.sidebar-section{margin-bottom:0;height:100%}}@media (max-width: 768px){.article-header{padding:.75rem 1rem}.header-brand-text{display:none}.header-logo{height:28px}.header-user{display:none}.header-right{gap:.75rem}.user-avatar{width:36px;height:36px}.header-logout{padding:.5rem}.article-layout{padding:1.5rem 1rem}.article-title{font-size:1.75rem}.article-sidebar{grid-template-columns:1fr}.sidebar-section:last-child{grid-column:span 1}.breadcrumb-bar{padding:.75rem 1rem;flex-wrap:wrap}.back-link{width:100%;margin-top:.5rem;margin-left:0}.article-navigation{grid-template-columns:1fr}.article-footer{flex-direction:column;gap:1rem;margin-bottom:4rem}.article-layout{padding-bottom:5rem}}.mobile-nav-bar,.mobile-toc-drawer,.mobile-chat-drawer,.mobile-overlay{display:none}@media (max-width: 1280px){.mobile-nav-bar{display:flex;position:fixed;bottom:12px;left:12px;right:12px;height:56px;background:#0f1419f2;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 4px 20px #0006;z-index:200;padding:0;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-toc-trigger{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.1);cursor:pointer}.mobile-current-chapter{font-family:Space Mono,monospace;font-size:.8125rem;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 30px);text-align:left}.mobile-toc-arrow{color:#ffffff80;transition:transform .3s ease;flex-shrink:0}.mobile-toc-arrow.open{transform:rotate(180deg)}.mobile-ai-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#d4a574;border:none;font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;color:#0a0d10;cursor:pointer;transition:all .2s ease}.mobile-ai-btn:hover,.mobile-ai-btn.active{background:#c99a66}.mobile-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:250;animation:mobileOverlayFadeIn .2s ease}@keyframes mobileOverlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-toc-drawer{display:block;position:fixed;bottom:80px;left:12px;right:12px;max-height:50vh;background:#0f1419fa;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 4px 20px #0006;z-index:300;overflow:hidden;animation:mobileSlideUp .3s ease}@keyframes mobileSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-toc-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-toc-header span{font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:#fff6}.mobile-toc-header button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:50%;font-size:1.25rem;color:#ffffff80;cursor:pointer}.mobile-toc-list{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(50vh - 60px);padding:.75rem 0}.mobile-toc-item{display:block;padding:.875rem 1.25rem;font-family:Space Mono,monospace;font-size:.875rem;color:#ffffffb3;text-decoration:none;border-left:3px solid transparent;transition:all .2s ease}.mobile-toc-item:hover{background:#ffffff08}.mobile-toc-item.active{background:#d4a5741a;border-left-color:#d4a574;color:#d4a574;font-weight:500}.mobile-toc-item.level-3{padding-left:2rem;font-size:.8125rem;color:#ffffff80}.mobile-chat-drawer{display:block;position:fixed;bottom:80px;left:12px;right:12px;height:calc(100vh - 140px);max-height:70vh;background:#0f1419fa;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 4px 20px #0006;z-index:300;overflow:hidden;animation:mobileSlideUp .3s ease}.mobile-chat-drawer .knowledge-chat-container{height:100%;border-radius:0;border:none}.mobile-chat-drawer .knowledge-chat-container.expanded{height:100%}.mobile-chat-drawer .chat-messages{max-height:calc(100% - 120px)}}.knowledge-chat-container{display:flex;flex-direction:column;background:#0f1419f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.knowledge-chat-container.collapsed{height:auto;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.knowledge-chat-container.expanded{flex:1;min-height:500px;max-height:80vh;box-shadow:none;border-color:#d4a5744d}.chat-trigger-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#d4a5741a,#d4a5740d);border:1px solid rgba(212,165,116,.2);border-radius:12px;color:#d4a574;font-family:Space Mono,monospace;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.chat-trigger-btn:hover{background:#d4a57426;border-color:#d4a57466;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.chat-interface{display:flex;flex-direction:column;height:100%;opacity:0;animation:fadeIn .3s ease forwards .2s}@keyframes fadeIn{to{opacity:1}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.chat-title{display:flex;align-items:center;gap:.5rem;color:#d4a574;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.05em}.chat-close-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.chat-close-btn:hover{color:#fff;background:#ffffff1a}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.message{max-width:90%;padding:.75rem 1rem;border-radius:12px;font-size:.8125rem;line-height:1.5}.message.ai{align-self:flex-start;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#ffffffe6;border-top-left-radius:2px}.message.user{align-self:flex-end;background:#d4a5741a;border:1px solid rgba(212,165,116,.2);color:#d4a574;border-bottom-right-radius:2px}.message-time{display:block;font-size:.625rem;margin-top:.25rem;opacity:.5}.markdown-content p{margin:0}.markdown-content p+p{margin-top:.5rem}.markdown-content ul,.markdown-content ol{margin:.5rem 0;padding-left:1.5rem}.markdown-content code{background:#0003;padding:.1rem .3rem;border-radius:4px;font-family:inherit;font-size:.9em}.markdown-content pre{background:#0003;padding:.5rem;border-radius:4px;overflow-x:auto;margin:.5rem 0}.markdown-content pre code{background:none;padding:0}.message.loading{display:flex;align-items:center;gap:4px;padding:1rem;width:fit-content}.typing-dot{width:6px;height:6px;background:#fff6;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{padding:1rem;border-top:1px solid rgba(255,255,255,.06);background:#0003}.chat-input-wrapper{display:flex;gap:.5rem;align-items:flex-end;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:#d4a57466;background:#d4a57408}.chat-input{flex:1;background:none;border:none;color:#fff;font-family:inherit;font-size:.8125rem;padding:.25rem .5rem;resize:none;max-height:100px;min-height:24px;outline:none;line-height:1.5;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.chat-input::-webkit-scrollbar{width:4px}.chat-input::-webkit-scrollbar-track{background:transparent}.chat-input::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.chat-input::placeholder{color:#ffffff4d}.send-btn{background:#d4a574;border:none;border-radius:6px;color:#0a0d10;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.send-btn:hover{transform:scale(1.05);background:#e8b988}.send-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;transform:none}.chat-consent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;flex:1;overflow-y:auto}.consent-icon{width:64px;height:64px;background:#f59e0b1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f59e0b;margin-bottom:1rem}.chat-consent h3{font-family:Space Mono,monospace;font-size:1.125rem;font-weight:700;color:#fffffff2;margin:0 0 1.25rem}.consent-content{text-align:left;margin-bottom:1.5rem}.consent-content p{font-family:inherit;font-size:.8125rem;line-height:1.6;color:#fff9;margin:0 0 .875rem;padding:.75rem;background:#ffffff08;border-radius:8px;border-left:3px solid rgba(255,255,255,.1)}.consent-content p:first-child{border-left-color:#d4a574}.consent-content p:nth-child(2){border-left-color:#f59e0b}.consent-content p:last-child{border-left-color:#ef4444}.consent-content strong{color:#fffffff2;font-weight:600}.consent-btn{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#d4a574,#c99a66);border:none;border-radius:8px;color:#0a0d10;font-family:Space Mono,monospace;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.consent-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a57440}.asset-library-page{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:#ffffffe6;color-scheme:light only}.asset-library-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f1419cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:1rem}.header-logo{height:32px;width:auto;filter:brightness(0) invert(1)}.header-brand-text{display:flex;flex-direction:column;gap:1px}.header-brand-name{font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.05em;color:#fffffff2}.brand-accent{color:#d4a574}.header-brand-tagline{font-family:Space Mono,monospace;font-size:.5625rem;font-weight:500;letter-spacing:.12em;color:#fff6}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:Space Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.05em;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.asset-library-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.page-header-content h1{font-family:Space Mono,monospace;font-size:1.75rem;font-weight:700;letter-spacing:.03em;color:#fffffff2;margin-bottom:.5rem}.page-header-content p{font-size:.9375rem;color:#ffffff80}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem;background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px}.search-box{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff4d}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.875rem;color:#ffffffe6;outline:none;transition:border-color .2s ease}.search-box input::placeholder{color:#ffffff4d}.search-box input:focus{border-color:#d4a57480}.project-filters{display:flex;flex-wrap:wrap;gap:.5rem}.project-filter{padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-family:Space Mono,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.05em;color:#fff9;cursor:pointer;transition:all .2s ease}.project-filter:hover{background:#ffffff14;color:#ffffffe6}.project-filter.active{background:#d4a57426;border-color:#d4a57466;color:#d4a574}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.asset-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#0f141980;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease}.asset-card:hover{background:#ffffff05;border-color:#ffffff1a}.asset-card-icon{width:52px;height:52px;background:#d4a5741a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#d4a574;flex-shrink:0}.asset-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.asset-card-name{font-size:.9375rem;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff6}.asset-card-type{font-family:Space Mono,monospace;font-size:.625rem;font-weight:600;letter-spacing:.05em}.asset-card-divider{color:#fff3}.asset-card-project{font-size:.6875rem;color:#d4a574}.asset-card-actions{display:flex;gap:.5rem}.asset-btn{padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.asset-btn:hover{background:#d4a5741a;border-color:#d4a57466;color:#d4a574}.assets-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.assets-empty .empty-icon{color:#fff3;margin-bottom:1rem}.assets-empty h3{font-family:Space Mono,monospace;font-size:1.125rem;font-weight:600;color:#fffc;margin-bottom:.5rem}.assets-empty p{font-size:.875rem;color:#fff6;max-width:300px}.asset-library-loading,.asset-library-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#ffffff80}.loading-spinner{animation:spin 1s linear infinite;color:#d4a574}@keyframes spin{to{transform:rotate(360deg)}}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem}.preview-content{width:100%;max-width:1000px;max-height:90vh;background:#0f1419f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.preview-title{font-family:Space Mono,monospace;font-size:.875rem;font-weight:600;color:#ffffffe6}.preview-actions{display:flex;gap:.5rem}.preview-btn{padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.preview-btn:hover{background:#ffffff0d;color:#ffffffe6}.preview-close:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.preview-body{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.preview-pdf{width:100%;height:70vh;border:none}.asset-library-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0f141980;border-top:1px solid rgba(255,255,255,.06)}.footer-brand{display:flex;align-items:center;gap:.75rem;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.05em;color:#fff6}.footer-logo{height:20px;filter:brightness(0) invert(1);opacity:.5}.footer-links{display:flex;gap:1.5rem;font-size:.75rem}.footer-links a{color:#fff6;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#ffffffb3}@media (max-width: 768px){.asset-library-header{padding:.75rem 1rem}.header-brand-text{display:none}.header-logo{height:28px}.asset-library-main{padding:1.5rem 1rem}.filter-bar{flex-direction:column}.assets-grid{grid-template-columns:1fr}.asset-library-footer{flex-direction:column;gap:1rem}}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Bold.woff2) format("woff2"),url(/fonts/SpaceMono-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Light.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Medium.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Bold.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}:root{--slate-900: #0F1419;--slate-800: #1A1F26;--slate-700: #252B33;--slate-600: #3A4149;--slate-500: #4F5760;--amber-600: #D4A574;--amber-500: #E0B888;--amber-300: #EDD1AA;--white: #FFFFFF;--grey-100: #F5F5F6;--grey-300: #D1D5DB;--grey-500: #6B7280;--grey-700: #374151;--success: #4F6F52;--error: #8B4F47;--primary-color: #D4A574;--secondary-color: #C99A66;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .6);--bg-primary: #0F1419;--bg-secondary: #1A1F26;--border-color: rgba(255, 255, 255, .06);--dark-navy: #0F1419;--slate-blue: #1A1F26;--gradient-dark: linear-gradient(160deg, #1A1F26 0%, #0F1419 100%);--gradient-accent: linear-gradient(120deg, #D4A574 0%, #C99A66 100%);--gradient-card: linear-gradient(145deg, rgba(37, 43, 51, .6) 0%, rgba(26, 31, 38, .8) 100%);--overlay-film: linear-gradient(180deg, rgba(15, 20, 25, 0) 0%, rgba(15, 20, 25, .4) 50%, rgba(15, 20, 25, .75) 100%);--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 12px rgba(0, 0, 0, .12), 0 20px 40px rgba(0, 0, 0, .2);--shadow-card: 0 4px 6px rgba(0, 0, 0, .1), 0 12px 24px rgba(0, 0, 0, .15);--shadow-card-hover: 0 8px 12px rgba(0, 0, 0, .12), 0 20px 40px rgba(0, 0, 0, .2);--shadow-glow: 0 0 0 1px rgba(212, 165, 116, .08);--shadow-button: 0 4px 12px rgba(0, 0, 0, .15);--opacity-ghost: .04;--opacity-subtle: .08;--opacity-muted: .15;--opacity-visible: .3;--opacity-strong: .6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 6px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 24px;--transition-fast: .2s ease;--transition-default: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Space Mono", "SF Mono", monospace;--font-mono: "Space Mono", "SF Mono", "Roboto Mono", "Courier New", monospace;--filter-desaturate: brightness(.75) contrast(1.1) saturate(.6) grayscale(.2);--filter-desaturate-hover: brightness(.8) contrast(1.15) saturate(.7) grayscale(.1)}[data-theme=light]{--slate-900: #F8F9FA;--slate-800: #E9ECEF;--slate-700: #CED4DA;--slate-600: #6C757D;--slate-500: #495057;--amber-600: #B8935F;--amber-500: #C99A66;--amber-300: #D4A574;--white: #1A1F26;--grey-100: #212529;--grey-300: #495057;--grey-500: #6C757D;--grey-700: #ADB5BD;--primary-color: #B8935F;--secondary-color: #A67C52;--text-primary: rgba(0, 0, 0, .95);--text-secondary: rgba(0, 0, 0, .7);--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--border-color: rgba(0, 0, 0, .12);--dark-navy: #FFFFFF;--slate-blue: #F8F9FA;--gradient-dark: linear-gradient(160deg, #F8F9FA 0%, #FFFFFF 100%);--gradient-accent: linear-gradient(120deg, #B8935F 0%, #A67C52 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(248, 249, 250, .95) 100%);--overlay-film: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .6) 100%);--shadow: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 12px rgba(0, 0, 0, .12), 0 20px 40px rgba(0, 0, 0, .15);--shadow-card: 0 4px 6px rgba(0, 0, 0, .08), 0 12px 24px rgba(0, 0, 0, .12);--shadow-card-hover: 0 8px 12px rgba(0, 0, 0, .12), 0 20px 40px rgba(0, 0, 0, .18);--shadow-glow: 0 0 0 1px rgba(184, 147, 95, .25);--shadow-button: 0 4px 12px rgba(0, 0, 0, .15);--filter-desaturate: brightness(.95) contrast(1.1) saturate(.85) grayscale(.1);--filter-desaturate-hover: brightness(1) contrast(1.15) saturate(.95) grayscale(0)}body{margin:0;font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{color:var(--text-primary);background-color:var(--bg-primary);line-height:1.7;font-size:16px;font-weight:400;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');mix-blend-mode:overlay;z-index:9999}[data-theme=light] body:before{opacity:.015}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit;cursor:pointer}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1{font-family:var(--font-display);font-size:clamp(42px,5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#fffffff2}h2{font-family:var(--font-display);font-size:clamp(28px,3.5vw,42px);font-weight:600;letter-spacing:-.02em;color:#ffffffeb}h3{font-family:var(--font-display);font-size:clamp(20px,2.5vw,28px);font-weight:600;letter-spacing:-.01em}.lead-text{font-size:17px;line-height:1.8;font-weight:400;color:#fff9;letter-spacing:.01em}.text-on-image{text-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2)}.label,.caption{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#d4a574cc}.section-title{font-family:var(--font-display);font-size:clamp(28px,3.5vw,42px);font-weight:600;text-align:center;margin-bottom:3rem;color:#ffffffeb;position:relative;letter-spacing:.05em;text-transform:uppercase}.section-title:after{content:"";display:block;width:60px;height:1px;background:#d4a57499;margin:1.5rem auto 0}[data-theme=light] h1{color:#000000f2}[data-theme=light] h2,[data-theme=light] h3{color:#000000e6}[data-theme=light] .lead-text{color:#000000b3}[data-theme=light] .section-title{color:#000000e6}[data-theme=light] .label,[data-theme=light] .caption{color:#b8935fe6}[data-theme=light] .section-title:after{background:#b8935fb3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--yellow-glow)}50%{box-shadow:0 0 40px var(--yellow-glow),0 0 60px var(--yellow-glow)}}.animate-in{animation:fadeInUp .6s ease-out forwards}