.codex-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#f4f1e8,#e8e3d6);transition:background .3s ease,color .3s ease}.dark-mode-toggle{position:fixed;top:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#8b7355,#6b5644);border:3px solid #d4af37;color:#f4f1e8;font-size:1.8rem;cursor:pointer;z-index:1000;box-shadow:0 4px 8px #0000004d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dark-mode-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 12px #0006;background:linear-gradient(135deg,#6b5644,#8b7355)}.dark-mode-toggle:active{transform:scale(.95)}.dark-mode{background:linear-gradient(to bottom,#1a1410,#0f0a08)}.dark-mode .codex-header{background:linear-gradient(135deg,#2c2416,#1a1410);border-bottom-color:#d4af37}.dark-mode .illuminated-letter{color:#f4d03f;text-shadow:0 0 20px rgba(244,208,63,.5)}.dark-mode .codex-title{color:#f4f1e8}.dark-mode .codex-subtitle{color:#d4af37}.dark-mode .codex-nav{background:#1a1410;border-bottom-color:#d4af37}.dark-mode .codex-nav button{color:#d4af37}.dark-mode .codex-nav button:hover{background:#f4d03f33;color:#f4d03f}.dark-mode .codex-nav button.active{background:#2c2416;color:#f4d03f}.dark-mode .manuscript-border{background:#2c2416;border-color:#d4af37;box-shadow:0 4px 6px #00000080,inset 0 0 20px #d4af371a}.dark-mode .manuscript-border:before{border-color:#f4d03f}.dark-mode .manuscript-border h2{color:#f4d03f}.dark-mode .lead-text{color:#d4af37}.dark-mode .quote-box{background:linear-gradient(135deg,#1a1410,#2c2416);border-left-color:#f4d03f}.dark-mode .quote{color:#f4f1e8}.dark-mode .terminal-text{background:#0a0a0a;color:#0f0;box-shadow:inset 0 0 10px #0f03;border-color:#1a1a1a}.dark-mode .terminal-user,.dark-mode .terminal-separator{color:#0f0}.dark-mode .terminal-path{color:#0af}.dark-mode .terminal-dollar,.dark-mode .terminal-command,.dark-mode .terminal-output{color:#0f0}.dark-mode .quote-author{color:#d4af37}.dark-mode .feature-card{background:#1a1410;border-color:#d4af37}.dark-mode .feature-card:hover{box-shadow:0 6px 12px #f4d03f4d}.dark-mode .feature-card h3{color:#f4d03f}.dark-mode .feature-card p{color:#d4af37}.dark-mode .service-card{background:linear-gradient(135deg,#2c2416,#1a1410);border-color:#d4af37}.dark-mode .service-card:before{background:linear-gradient(90deg,#f4d03f,#d4af37)}.dark-mode .service-card:hover{box-shadow:0 8px 16px #f4d03f4d;border-color:#f4d03f}.dark-mode .service-card h3{color:#f4d03f}.dark-mode .service-card p{color:#d4af37}.dark-mode .bot-card{background:#2c2416;border-color:#d4af37}.dark-mode .bot-card:hover{box-shadow:0 8px 16px #f4d03f4d;border-color:#f4d03f}.dark-mode .bot-card h3,.dark-mode .bot-role{color:#f4d03f}.dark-mode .bot-specialty{color:#d4af37}.dark-mode .principle{background:linear-gradient(135deg,#1a1410,#2c2416);border-left-color:#f4d03f}.dark-mode .principle h3{color:#f4d03f}.dark-mode .principle p{color:#d4af37}.dark-mode .codex-footer{background:linear-gradient(135deg,#0f0a08,#000);border-top-color:#f4d03f}.dark-mode .footer-motto{color:#f4d03f}.dark-mode .dark-mode-toggle{background:linear-gradient(135deg,#f4d03f,#d4af37);border-color:#8b7355}.dark-mode .dark-mode-toggle:hover{background:linear-gradient(135deg,#d4af37,#f4d03f)}.codex-header{background:linear-gradient(135deg,#8b7355,#6b5644);color:#f4f1e8;padding:2rem;text-align:center;border-bottom:4px solid #4a3728;box-shadow:0 4px 6px #0000004d;position:relative;overflow:hidden}.codex-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px);pointer-events:none}.illuminated-letter{font-family:Cinzel,serif;font-size:5rem;font-weight:700;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:.5rem;position:relative;z-index:1}.header-content{position:relative;z-index:1}.codex-title{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:2px}.codex-subtitle{font-size:1.1rem;font-style:italic;opacity:.9;letter-spacing:1px}.codex-nav{background:#6b5644;padding:0;display:flex;justify-content:center;border-bottom:3px solid #4a3728;box-shadow:0 2px 4px #0003}.codex-nav button{font-family:Cinzel,serif;background:transparent;color:#f4f1e8;border:none;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:all .3s ease;border-right:1px solid rgba(244,241,232,.2);position:relative}.codex-nav button:last-child{border-right:none}.codex-nav button:hover{background:#d4af3733;color:#d4af37}.codex-nav button.active{background:#4a3728;color:#d4af37;font-weight:600}.codex-nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#d4af37}.codex-main{flex:1;padding:3rem 2rem;max-width:1200px;margin:0 auto;width:100%}.manuscript-border{background:#fdfbf7;border:3px solid #8b7355;border-radius:8px;padding:3rem;box-shadow:0 4px 6px #0000001a,inset 0 0 20px #8b73551a;position:relative}.manuscript-border:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid #d4af37;border-radius:4px;pointer-events:none}.manuscript-border h2{font-family:Cinzel,serif;font-size:2.5rem;color:#4a3728;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:1rem}.manuscript-border h2:after{content:"✦";display:block;text-align:center;color:#d4af37;font-size:1.5rem;margin-top:.5rem}.lead-text{font-size:1.3rem;text-align:center;margin-bottom:2rem;color:#5a4a3a;font-style:italic;line-height:1.8}.quote-box{background:linear-gradient(135deg,#f9f6f0,#f4f1e8);border-left:4px solid #d4af37;padding:2rem;margin:2rem 0;border-radius:4px;box-shadow:0 2px 4px #0000001a}.quote{font-size:1.2rem;font-style:italic;color:#4a3728;margin-bottom:1rem;line-height:1.8}.terminal-text{font-family:Consolas,Courier New,monospace;background:#012456;color:#f0f0f0;padding:1.5rem;border-radius:4px;font-style:normal;font-size:1rem;letter-spacing:.5px;box-shadow:inset 0 0 10px #0000004d;border:1px solid #003d82}.terminal-prompt{margin-bottom:.5rem;line-height:1.5}.terminal-user{color:#0f0;font-weight:700}.terminal-separator{color:#f0f0f0}.terminal-path{color:#0ff;font-weight:700}.terminal-dollar{color:#f0f0f0;margin-left:.3rem}.terminal-command{color:#ff0}.terminal-output{color:#f0f0f0;padding-left:0;line-height:1.6}.quote-author{text-align:right;font-family:Cinzel,serif;color:#6b5644;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fdfbf7;border:2px solid #d4af37;border-radius:8px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem}.feature-card h3{font-family:Cinzel,serif;font-size:1.5rem;color:#4a3728;margin-bottom:.5rem}.feature-card p{color:#5a4a3a;font-size:1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.service-card{background:linear-gradient(135deg,#fdfbf7,#f9f6f0);border:2px solid #8b7355;border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d4af37,#8b7355);transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003;border-color:#d4af37}.service-icon{font-size:3.5rem;display:block;margin-bottom:1rem}.service-card h3{font-family:Cinzel,serif;font-size:1.5rem;color:#4a3728;margin-bottom:1rem}.service-card p{color:#5a4a3a;font-size:1.1rem;line-height:1.6}.bots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.bot-card{background:#fdfbf7;border:3px solid #8b7355;border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease;position:relative}.bot-card:after{content:"✦";position:absolute;top:10px;right:10px;color:#d4af37;font-size:1.5rem;opacity:0;transition:opacity .3s ease}.bot-card:hover:after{opacity:1}.bot-card:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003;border-color:#d4af37}.bot-avatar{font-size:4rem;margin-bottom:1rem;filter:sepia(.5) hue-rotate(20deg)}.bot-card h3{font-family:Cinzel,serif;font-size:1.4rem;color:#4a3728;margin-bottom:.5rem}.bot-role{color:#d4af37;font-weight:600;font-size:1.1rem;margin-bottom:.5rem}.bot-specialty{color:#5a4a3a;font-style:italic;font-size:1rem}.philosophy-content{margin-top:2rem}.principle{background:linear-gradient(135deg,#f9f6f0,#fdfbf7);border-left:4px solid #d4af37;padding:2rem;margin-bottom:2rem;border-radius:4px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.principle:hover{transform:translate(10px);box-shadow:0 4px 8px #00000026}.principle h3{font-family:Cinzel,serif;font-size:1.5rem;color:#4a3728;margin-bottom:1rem}.principle p{color:#5a4a3a;font-size:1.1rem;line-height:1.8}.codex-footer{background:linear-gradient(135deg,#4a3728,#2c2416);color:#f4f1e8;padding:2rem;text-align:center;border-top:4px solid #d4af37;margin-top:auto}.footer-content p{margin:.5rem 0}.footer-motto{font-family:Cinzel,serif;font-style:italic;color:#d4af37;font-size:1.1rem;margin:1rem 0}.footer-note{font-size:.9rem;opacity:.8}@media (max-width: 768px){.codex-title{font-size:2rem}.illuminated-letter{font-size:3.5rem}.codex-nav{flex-wrap:wrap}.codex-nav button{flex:1 1 50%;padding:.8rem 1rem}.manuscript-border{padding:2rem 1.5rem}.manuscript-border h2{font-size:2rem}.features-grid,.services-grid,.bots-grid{grid-template-columns:1fr}}.codex-main:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,115,85,.03) 2px,rgba(139,115,85,.03) 4px);pointer-events:none;z-index:-1}.language-selector{position:fixed;top:20px;right:90px;z-index:1000}.language-selector-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b7355,#6b5644);border:3px solid #d4af37;color:#f4f1e8;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;font-family:Cinzel,serif;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.language-selector-button:hover{background:linear-gradient(135deg,#6b5644,#8b7355);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.language-selector-button:active{transform:translateY(0)}.language-flag{font-size:1.5rem;line-height:1}.language-code{font-weight:600;letter-spacing:1px}.language-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fdfbf7;border:2px solid #d4af37;border-radius:8px;box-shadow:0 4px 12px #0003;overflow:hidden;min-width:180px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:1px solid #e8e3d6;text-align:left;cursor:pointer;transition:background .2s ease;font-family:Cinzel,serif;color:#4a3728}.language-menu-item:last-child{border-bottom:none}.language-menu-item:hover{background:#d4af371a}.language-menu-item.active{background:#d4af3733;font-weight:600}.language-name{font-size:1rem}.dark-mode .language-selector-button{background:linear-gradient(135deg,#f4d03f,#d4af37);border-color:#8b7355;color:#2c2416}.dark-mode .language-selector-button:hover{background:linear-gradient(135deg,#d4af37,#f4d03f)}.dark-mode .language-menu{background:#2c2416;border-color:#f4d03f}.dark-mode .language-menu-item{color:#d4af37;border-bottom-color:#1a1410}.dark-mode .language-menu-item:hover{background:#f4d03f33}.dark-mode .language-menu-item.active{background:#f4d03f4d;color:#f4d03f}@media (max-width: 768px){.language-selector{top:10px;right:80px}.language-selector-button{padding:.4rem .8rem;font-size:.9rem}.language-flag{font-size:1.2rem}.language-menu{min-width:150px}.language-menu-item{padding:.6rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Crimson Text,serif;background:#f4f1e8;color:#2c2416;line-height:1.6}#root{min-height:100vh}