*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f4f6fb;color:#222;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.btn{display:inline-block;padding:.6em 1.5em;font-size:1rem;font-weight:500;border:none;border-radius:4px;background:linear-gradient(90deg,#4f8cff,#2355d8);color:#fff;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #4f8cff14}.btn:hover,.btn:focus{background:linear-gradient(90deg,#2355d8,#4f8cff);box-shadow:0 4px 16px #4f8cff26}.btn:disabled{background:#b3c6e6;cursor:not-allowed}form{background:#fff;padding:2rem 2.5rem;border-radius:8px;box-shadow:0 2px 16px #00000012}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500}.form-control{width:100%;padding:.7em 1em;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;background:#f9fafb;transition:border .2s}.form-control:focus{border-color:#4f8cff;outline:none}.page-container{max-width:1100px;margin:1rem auto;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #2355d812}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}.page-header h2{font-size:2rem;font-weight:600;color:#2355d8}@media (max-width: 600px){.page-container{padding:1rem .5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}.page-header h2{font-size:1.3rem}}