.layout{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.content{max-width:1200px;margin:0 auto;padding:2rem 1rem;flex:1;width:100%}.footer{max-width:1200px;margin:0 auto;padding:1.5rem 1rem;color:#64748b;font-size:.875rem;border-top:1px solid #f1f5f9;background:#fff;width:100%}.footer a.footer-link{color:#64748b;text-decoration:none;transition:color .2s}.footer a.footer-link:hover{color:#3b82f6;text-decoration:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0}body{min-height:100vh;color:#0f172a;background:#f8fafc;line-height:1.6;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 2px 12px #0f172a0f;padding:2rem}.card h2,.card h3{color:#0f172a;font-weight:600;margin:1.5rem 0 1rem}.card h2:first-child,.card h3:first-child{margin-top:0}.card h2{font-size:1.5rem}.card h3{font-size:1.25rem}.card p{margin:.5rem 0;line-height:1.6}.title{margin:0 0 .5rem;color:#0f172a;font-weight:600}.muted{color:#64748b;font-size:.875rem}.list{padding-left:1.5rem;margin:1rem 0}.list li{margin:.5rem 0;color:#0f172a;line-height:1.6}a{color:#3b82f6;text-decoration:none}a:hover{color:#2563eb;text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease;font-size:.875rem}.btn.btn-primary{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f640}.btn.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659;text-decoration:none}.btn.btn-primary:active{transform:translateY(0)}