.app-container{--primary-color: #6c5ce7;--primary-light: #a29bfe;--secondary-color: #ff7675;--text-color: #2d3436;--light-text: #636e72;--background-color: #ffffff;--section-bg: #f8f9fa;--card-bg: #ffffff;--border-color: rgba(0,0,0,.1);--shadow: 0 4px 6px rgba(0,0,0,.1);--transition: all .3s ease;color:var(--text-color);background-color:var(--background-color);font-family:Inter,system-ui,sans-serif;line-height:1.6;transition:var(--transition)}.dark-mode{--text-color: #f1f2f6;--light-text: #dfe4ea;--background-color: #2d3436;--section-bg: #1e272e;--card-bg: #2f3542;--border-color: rgba(255,255,255,.1)}main{max-width:1200px;margin:0 auto;padding:0 20px}section{margin:6rem 0;padding:2rem 0}.section-title{font-size:2.5rem;margin-bottom:1rem;text-align:center!important;margin-left:auto;margin-right:auto;width:100%;display:block}.section-subtitle{font-size:1.2rem;color:var(--light-text);text-align:center;max-width:650px;margin:0 auto 3rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-color)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.button{display:inline-block;background-color:var(--primary-color);color:#fff;font-weight:600;padding:12px 24px;border-radius:8px;text-decoration:none;transition:var(--transition);border:none;cursor:pointer;text-align:center}.button:hover{background-color:#5741d7;transform:translateY(-2px)}.button.secondary{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.button.secondary:hover{background-color:var(--primary-light);color:#fff}img{max-width:100%;border-radius:12px}@media (max-width: 768px){.section-title{font-size:2rem;text-align:center}section{margin:3rem 0}}@media (min-width: 769px) and (max-width: 1024px){.section-title{font-size:2.2rem;text-align:center!important}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,dl,dt,dd{margin:0}body{min-height:100vh;line-height:1.5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden;padding-bottom:70px}@media (max-width: 768px){body{padding-bottom:120px}}@media (max-width: 480px){body{padding-bottom:150px}}ul,ol{list-style:none;padding:0}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{--scrollbarBG: #f1f1f1;--thumbBG: #c1c1c1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbarBG)}::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:10px;border:3px solid var(--scrollbarBG)}:focus{outline:2px solid var(--primary-color, #6c5ce7);outline-offset:2px}:focus:not(:focus-visible){outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}