*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;}
.logo{text-align:center;margin-bottom:32px;}
.logo i{font-size:3rem;color:#002B5C;}
.logo h1{font-size:1.6rem;color:#002B5C;font-weight:700;margin-top:10px;}
.logo p{color:#64748b;font-size:0.9rem;margin-top:4px;}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:480px;}
.card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 20px;border-radius:16px;border:2px solid #e2e8f0;background:white;text-decoration:none;color:#002B5C;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:all 0.2s;}
.card:hover{border-color:#002B5C;background:#002B5C;color:white;transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,43,92,0.18);}
.card i{font-size:2.4rem;color:#002B5C;transition:color 0.2s;}
.card:hover i{color:#ffd700;}
.card span{font-weight:700;font-size:1.05rem;letter-spacing:0.08em;}
.footer{margin-top:32px;font-size:0.75rem;color:#cbd5e1;}