@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.architect-logo-wrapper{width:400px;max-width:100%;margin:0 auto;position:relative;filter:drop-shadow(0 0 20px rgba(139,92,246,.2))}.architect-svg{width:100%;height:auto}.architect-body{animation:bodyHover 4s ease-in-out infinite}@keyframes bodyHover{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hammer-subgroup{transform-origin:235px 140px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.is-hammering .hammer-subgroup{animation:hammerSwing .6s cubic-bezier(.4,0,.2,1) infinite}@keyframes hammerSwing{0%,to{transform:rotate(0)}30%{transform:rotate(-60deg)}60%{transform:rotate(15deg)}}.spark{opacity:0;pointer-events:none}.is-hammering .spark{animation:sparkFly .6s linear infinite}.is-hammering .s1{animation-delay:.35s}.is-hammering .s2{animation-delay:.38s}.is-hammering .s3{animation-delay:.4s}@keyframes sparkFly{0%{opacity:0;transform:translate(0) scale(1)}50%{opacity:1}to{opacity:0;transform:translate(calc(var(--x, 40px) * (random() - .5)),-60px) scale(0)}}.is-hammering .s1{--x: -40px}.is-hammering .s2{--x: 0px}.is-hammering .s3{--x: 40px}@keyframes sparkFly{0%{opacity:0;transform:translate(0) scale(1)}60%{opacity:1;transform:translate(var(--x),-30px) scale(1.2)}to{opacity:0;transform:translate(calc(var(--x) * 1.5),-50px) scale(0)}}.is-hammering .anvil{animation:anvilShake .6s linear infinite;animation-delay:.35s}@keyframes anvilShake{0%,to{transform:translateY(0)}5%{transform:translateY(1px)}10%{transform:translateY(0)}}.sidebar{width:260px;height:100vh;background:#0f172a66;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:1.5rem;position:sticky;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar-header{margin-bottom:2.5rem}.sidebar-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.sidebar-logo-mini{width:100px;height:60px;margin-left:-20px;opacity:.9;filter:drop-shadow(0 0 10px rgba(139,92,246,.3))}.sidebar-brand-name{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--color-slate-100);margin:0;letter-spacing:.05em;text-transform:uppercase}.sidebar-brand-sub{font-size:.75rem;font-weight:600;color:var(--color-violet-500);letter-spacing:.1em;text-transform:uppercase;opacity:.8}.sidebar-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem;border-radius:8px;color:var(--color-slate-400);cursor:pointer;transition:all .2s ease}.sidebar-close-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:12px;color:var(--color-slate-400);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.nav-item svg{color:var(--color-slate-500);transition:all .3s ease}.nav-item:hover{background:#ffffff0d;color:var(--color-slate-100);transform:translate(4px)}.nav-item:hover svg{color:var(--color-violet-400)}.nav-item.active{background:#8b5cf61a;color:var(--color-violet-400);border:1px solid rgba(139,92,246,.2);box-shadow:inset 0 0 10px #8b5cf61a}.nav-item.active svg{color:var(--color-violet-400);filter:drop-shadow(0 0 5px var(--color-violet-500))}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.75rem}.footer-status{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-emerald-500);letter-spacing:.05em}.status-indicator{position:relative;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.status-dot{width:6px;height:6px;background:var(--color-emerald-500);border-radius:50%;box-shadow:0 0 10px var(--color-emerald-500);z-index:2}.status-pulse{position:absolute;width:10px;height:10px;background:var(--color-emerald-500);border-radius:50%;opacity:.6;z-index:1;animation:pulse-ring 2s cubic-bezier(.24,0,.38,1) infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(3);opacity:0}}@media(max-width:768px){.sidebar{position:fixed;width:100%;max-width:320px;height:100vh;box-shadow:20px 0 50px #00000080}.sidebar-brand-name{font-size:1.1rem}}.copyright{font-size:.7rem;color:var(--color-slate-500);font-weight:500}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content{background:var(--color-slate-900);border:1px solid var(--color-slate-700);width:100%;max-width:500px;padding:1.5rem;border-radius:12px;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-slate-800);padding-bottom:1rem}.modal-body{line-height:1.6}.modal-animate-in{animation:modalFadeIn .3s ease-out forwards}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.app-layout{min-height:100vh;display:flex;background:var(--bg-color)}.main-content{flex:1;height:100vh;overflow-y:auto;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0;display:flex;flex-direction:column}.main-content.sidebar-closed{padding-left:0}.sidebar-toggle-btn{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:var(--color-slate-400);width:42px;height:42px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006}.sidebar-toggle-btn:hover{color:var(--color-violet-400);background:var(--color-slate-800);transform:scale(1.1) rotate(5deg);border-color:var(--color-violet-500);box-shadow:0 0 20px #8b5cf64d}.animate-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app-layout{display:block;position:relative;overflow-x:hidden}.sidebar-toggle-btn{top:1rem;left:1rem;width:38px;height:38px}.main-content{overflow-x:hidden;width:100vw;padding-left:0!important}.sidebar-open{overflow:hidden}}:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-400: #94a3b8;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-indigo-500: #6366f1;--color-emerald-500: #10b981;--bg-color: #05060b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--font-sans: "Outfit", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--primary-glow: rgba(139, 92, 246, .4);--secondary-glow: rgba(99, 102, 241, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,.1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,.1) 0,transparent 50%);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:9999}.glass-card{background:#0f172a99;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffffff0d;border-radius:16px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.4) 50%,transparent 100%);z-index:1}.glass-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% -20%,rgba(139,92,246,.1),transparent 70%);pointer-events:none}.text-gradient{background:linear-gradient(to right,var(--color-violet-500),var(--color-indigo-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient{background:linear-gradient(to right,var(--color-violet-500),var(--color-indigo-500))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;font-size:.875rem}.btn-primary{background:linear-gradient(to right,var(--color-violet-500),var(--color-indigo-500));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff26}.btn-icon{padding:.5rem;border-radius:8px;background:#ffffff0d;color:var(--text-secondary);border:1px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a;box-shadow:0 0 15px #ffffff0d}.premium-glow{box-shadow:0 0 50px var(--primary-glow);border:1px solid rgba(139,92,246,.2)}.premium-text-glow{text-shadow:0 0 10px rgba(139,92,246,.5);letter-spacing:.05em;font-weight:800}.bg-gradient-premium{background:linear-gradient(135deg,var(--color-violet-600) 0%,var(--color-indigo-500) 50%,var(--color-violet-500) 100%);position:relative;overflow:hidden}.bg-gradient-premium:before{content:"";position:absolute;top:0;left:-50%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine-sweep 3s infinite}@keyframes shine-sweep{0%{left:-100%}to{left:100%}}.input-reset{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:inherit;outline:none;resize:none}.input-reset::placeholder{color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-slate-900)}::-webkit-scrollbar-thumb{background:var(--color-slate-800);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}.prose{color:var(--text-primary);line-height:1.6}.prose h1,.prose h2,.prose h3{color:var(--text-primary);margin-top:1.5em;margin-bottom:.5em;font-weight:600}.prose p{margin-bottom:1em}.prose ul,.prose ol{margin-bottom:1em;padding-left:1.5em}.prose li{margin-bottom:.25em}.prose blockquote{border-left:4px solid var(--color-violet-500);padding-left:1rem;color:var(--text-secondary);font-style:italic;margin-bottom:1em}.prose pre{background:var(--color-slate-900);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1em;border:1px solid rgba(255,255,255,.05)}.prose code{font-family:var(--font-mono);font-size:.875em}.prose :not(pre)>code{background:#ffffff1a;padding:.2em .4em;border-radius:4px;color:var(--color-violet-500)}.marquee-container{overflow:hidden;white-space:nowrap;width:100%;display:flex;align-items:center}.marquee-content{display:inline-flex;white-space:nowrap;animation:marquee 20s linear infinite;width:max-content}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hover-glow:hover{box-shadow:0 0 20px #8b5cf666;background:#1e293b99;border-color:#8b5cf666}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 20%,rgba(255,255,255,.05) 50%,transparent 80%);animation:shimmer 6s infinite linear;pointer-events:none}@keyframes shimmer{0%{transform:translate(-30%,-30%) rotate(0)}to{transform:translate(-30%,-30%) rotate(360deg)}}@media(max-width:1024px){:root{--font-size-base: 15px}}@media(max-width:768px){body{background-attachment:scroll}.glass-card{-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}.home-header{padding:1rem;margin-bottom:2.5rem}.home-header img{width:280px!important}.marquee-content{font-size:.9rem!important}.flex-mobile-col{flex-direction:column}}@media(max-width:480px){.home-header img{width:240px!important}.marquee-badge{padding:.5rem .75rem}.marquee-text{font-size:.85rem!important}.btn{padding:.4rem .75rem;font-size:.8rem}}