#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #8B4513;--secondary-color: #A0522D;--accent-color: #D2691E;--light-color: #F5E6D3;--dark-color: #5D4037;--text-color: #4E342E;--text-light: #795548;--white: #FFFFFF;--gray-light: #EFEBE9;--shadow: 0 4px 6px -1px rgba(139, 69, 19, .1);--transition: all .3s ease}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--white)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:20px;color:var(--dark-color);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--primary-color);border-radius:2px}.section-subtitle{text-align:center;color:var(--text-light);font-size:1.1rem;max-width:700px;margin:0 auto 40px}.btn{display:inline-block;padding:12px 30px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:var(--shadow)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}@media(max-width:992px){.section-title{font-size:2.2rem}}@media(max-width:768px){section{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}@media(max-width:576px){section{padding:50px 0}.section-title{font-size:1.8rem}}