:root{--page-max-width:1110px;--page-padding:20px;--breakpoint-lg:1200px;--breakpoint-md:768px;--breakpoint-sm:480px}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#222}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;display:flex;flex-direction:column;gap:60px;overflow-x:hidden}.main-content{flex:1 1;min-height:calc(100vh - 200px);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page{width:100%;max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-padding);display:flex;flex-direction:column;gap:60px}.page h1{font-size:32px}.page h1,.page h2{margin-bottom:8px;color:#222}.page h2{font-size:24px;margin-top:24px}.page p{font-size:16px;color:#666;line-height:1.6}.page .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.card h3{margin:0 0 8px;font-size:18px;color:#222}.card p{margin:0;color:#666;font-size:14px}.main-content h1{font-size:32px;margin-bottom:24px;color:#222}.main-content p{font-size:18px;color:#666;line-height:1.6}@media (min-width:769px){.app{gap:32px}.page{gap:60px}}@media (max-width:768px){.app,.page{gap:32px}.page{padding:0 16px}.main-content h1,.page h1{font-size:24px;line-height:32px;margin-bottom:16px}.page h2{font-size:20px;margin-top:16px}.page .grid{grid-template-columns:1fr}.main-content{min-height:auto}.main-content p{font-size:16px}}@media (max-width:480px){.page{padding:0 12px;gap:24px}}