*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.header{background-color:#282c34;padding:1rem 2rem;color:#fff;text-align:center;box-shadow:0 2px 4px #0000001a}.header-title{margin:0;font-size:1.5rem;font-weight:600}.main{flex:1;display:flex;justify-content:center;align-items:center;padding:3rem 2rem}.hero{text-align:center;max-width:800px}.hero h2{font-size:3rem;color:#333;margin-bottom:.5rem}.subtitle{font-size:1.3rem;color:#667eea;font-weight:500;margin-bottom:1rem}.description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2.5rem}.cards{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.card{background:#fff;border-radius:12px;padding:1.5rem;width:200px;box-shadow:0 4px 15px #00000014;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card h3{margin:0 0 .5rem;color:#333}.card p{margin:0;color:#777;font-size:.9rem}.footer{background:#333;color:#aaa;text-align:center;padding:1rem 2rem;font-size:.9rem}.app{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e9f0);color:#333}.app a{color:#667eea;text-decoration:none;transition:color .2s}.app a:hover{color:#5a67d8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}