*,*::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;display:flex;flex-direction:column;align-items:center;}
.logo-img{height:72px;width:auto;margin-bottom:14px;}
.back-btn{display:inline-block;font-size:0.82rem;font-weight:600;color:#002B5C;text-decoration:none;padding:6px 14px;border:1px solid #cbd5e1;border-radius:20px;transition:all 0.2s;margin-bottom:18px;}
.back-btn:hover{background:#002B5C;color:white;border-color:#002B5C;}
.logo h1{font-size:1.6rem;color:#002B5C;font-weight:700;margin-top:0;}
.logo p{color:#64748b;font-size:0.9rem;margin-top:4px;max-width:360px;}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:520px;}
.card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 18px;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.2rem;color:#002B5C;transition:color 0.2s;}
.card:hover i{color:#ffd700;}
.card span{font-weight:700;font-size:1rem;letter-spacing:0.06em;}
.card small{font-size:0.78rem;color:#64748b;text-align:center;line-height:1.4;transition:color 0.2s;}
.card:hover small{color:#cbd5e1;}
.footer{margin-top:32px;font-size:0.75rem;color:#cbd5e1;}
@media(max-width:420px){.cards{grid-template-columns:1fr;}}