:root{--primary-bg:#fafbfc;--secondary-bg:#ffffff;--content-bg:#ffffff;--text-primary:#1a202c;--text-secondary:#718096;--text-accent:#3182ce;--border-color:#e2e8f0;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-success:linear-gradient(135deg,#84fab0,#8fd3f4);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--border-radius:16px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--primary-bg:#0a0e1a;--secondary-bg:#1a202c;--content-bg:#2d3748;--text-primary:#f7fafc;--text-secondary:#a0aec0;--text-accent:#63b3ed;--border-color:#4a5568;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5)}}.architecture-main{min-height:100vh;background:var(--primary-bg);background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0,transparent 50%);color:var(--text-primary);position:relative}.architecture-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.architecture-content{background:var(--content-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition)}.architecture-header{text-align:center;padding:4rem 3rem 3rem;background:var(--gradient-primary);color:white;position:relative;overflow:hidden}.header-icon{font-size:4rem;margin-bottom:1rem;opacity:.9}.header-icon i{animation:float 3s ease-in-out infinite}.architecture-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;line-height:1.1}.architecture-title i{font-size:.8em;opacity:.8}.architecture-description{font-size:1.25rem;line-height:1.7;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;gap:.75rem}.architecture-description i{font-size:1.1em;opacity:.7}.header-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;max-width:600px;margin:0 auto}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);transition:var(--transition)}.feature-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.feature-item i{font-size:1.5rem;margin-bottom:.25rem}.feature-item span{font-weight:500;font-size:.875rem}.architecture-sections{padding:3rem}.architecture-section{margin-bottom:3rem;padding:2.5rem;background:var(--secondary-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition)}.architecture-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.section-header{text-align:center;margin-bottom:2rem}.section-icon{font-size:3rem;color:var(--text-accent);margin-bottom:1rem}.section-icon i{animation:pulse 2s ease-in-out infinite}.section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.section-title i{font-size:.8em;color:var(--text-accent)}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.section-subtitle i{font-size:.9em;opacity:.7}.quick-actions{padding:3rem;background:var(--secondary-bg);border-top:1px solid var(--border-color)}.quick-actions h3{font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.75rem}.quick-actions h3 i{color:var(--text-accent)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-width:1000px;margin:0 auto}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);text-align:left;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.action-btn.primary{background:var(--gradient-primary);color:white}.action-btn.secondary{background:var(--gradient-secondary);color:white}.action-btn.tertiary{background:var(--gradient-accent);color:white}.action-btn.quaternary{background:var(--gradient-success);color:white}.action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn i{font-size:1.125rem}.action-btn i,.action-btn span{z-index:1;position:relative}.architecture-stats{padding:3rem;background:var(--primary-bg);border-top:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.stat-card{text-align:center;padding:2rem 1rem;background:var(--content-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-card i{font-size:2.5rem;color:var(--text-accent);margin-bottom:1rem;display:block}.stat-card h4{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.stat-card p{color:var(--text-secondary);font-size:.875rem;font-weight:500}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border:none;border-radius:50%;background:var(--gradient-primary);color:white;font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-lg);transition:var(--transition);z-index:1000}.fab:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.fab i{display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.architecture-header{padding:3rem 2rem 2rem}.architecture-description,.architecture-title{flex-direction:column;gap:.5rem}.header-features{grid-template-columns:repeat(2,1fr);gap:1rem}.architecture-sections{padding:2rem 1rem}.architecture-section{padding:1.5rem}.section-title{flex-direction:column;gap:.5rem}.section-subtitle{flex-direction:column;gap:.25rem}.action-buttons{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.header-features,.stats-grid{grid-template-columns:1fr}.fab{bottom:1rem;right:1rem}}