*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1f3864;--accent:#2e75b6;--bg:#0f1b2d;--text-primary:#c8d6e5;--text-secondary:#7a8ea6;--border:#1e2d45;--white:#162236}html,body{height:100%;margin:0;padding:0;transition:background-color .3s,color .3s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh}button{cursor:pointer;border:none;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:#152847}.btn-secondary{background-color:var(--accent);color:var(--white)}.btn-secondary:hover{background-color:#1e5a93}.btn-outline{color:var(--accent);border:1px solid var(--accent);background-color:#0000}.btn-outline:hover{background-color:#2e75b61a}.card{background-color:var(--white);border:1px solid var(--border);border-radius:8px;padding:20px}.card:hover{box-shadow:0 2px 8px #0000004d}input,textarea,select{border:1px solid var(--border);width:100%;color:inherit;border-radius:4px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2e75b633}input::placeholder,textarea::placeholder{color:#5a6e86}label{color:var(--text-primary);margin-bottom:8px;font-weight:500;display:block}h1{margin-bottom:12px;font-size:28px;font-weight:600}h2{margin-bottom:12px;font-size:20px;font-weight:600}h3{margin-bottom:8px;font-size:16px;font-weight:600}p{color:var(--text-secondary);margin-bottom:12px}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}