https://oba.org.br/

1<!DOCTYPE html>
2<html lang="pt-BR">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1" />
6    <title>OBA — Olimpíada Brasileira de Astronomia e Astronáutica</title>
7    <meta
8      name="description"
9      content="Portal OBA: consulta de medalhas OBA e OBAFOG 2026 e acesso ao site da OBA."
10    />
11    <link rel="icon" href="logo.jpg" />
12    <style>
13      * { box-sizing: border-box; }
14      html, body { height: 100%; margin: 0; }
15      body {
16        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
17        background: linear-gradient(160deg, #0b1e3b 0%, #122d5c 60%, #1b3e7a 100%);
18        color: #fff;
19        display: flex;
20        align-items: center;
21        justify-content: center;
22        padding: 24px;
23      }
24      .card {
25        width: 100%;
26        max-width: 460px;
27        text-align: center;
28      }
29      .logo {
30        width: 160px;
31        height: auto;
32        margin: 0 auto 24px;
33        border-radius: 16px;
34        background: #fff;
35        padding: 12px;
36        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
37      }
38      h1 {
39        font-size: 1.35rem;
40        font-weight: 600;
41        margin: 0 0 6px;
42      }
43      p.subtitle {
44        margin: 0 0 32px;
45        color: #c7d6f0;
46        font-size: 0.95rem;
47      }
48      .links {
49        display: flex;
50        flex-direction: column;
51        gap: 16px;
52      }
53      a.btn {
54        display: block;
55        text-decoration: none;
56        padding: 18px 20px;
57        border-radius: 12px;
58        font-size: 1.05rem;
59        font-weight: 600;
60        transition: transform 0.08s ease, box-shadow 0.2s ease, background 0.2s ease;
61      }
62      a.btn:hover { transform: translateY(-2px); }
63      a.btn:active { transform: translateY(0); }
64      a.btn-primary {
65        background: #ffc400;
66        color: #0b1e3b;
67        box-shadow: 0 6px 20px rgba(255, 196, 0, 0.35);
68      }
69      a.btn-primary:hover { background: #ffd23d; }
70      a.btn-secondary {
71        background: rgba(255, 255, 255, 0.08);
72        color: #fff;
73        border: 1px solid rgba(255, 255, 255, 0.35);
74        font-weight: 400;
75      }
76      a.btn-secondary:hover { background: rgba(255, 255, 255, 0.16); }
77      footer {
78        margin-top: 36px;
79        font-size: 0.8rem;
80        color: #93a8cc;
81      }
82    </style>
83  </head>
84  <body>
85    <main class="card">
86      <img class="logo" src="logo.jpg" alt="Logo OBA" />
87      <h1>Olimpíada Brasileira de Astronomia e Astronáutica</h1>
88      <p class="subtitle">Escolha uma opção</p>
89
90      <nav class="links">
91        <a class="btn btn-primary" href="https://medalhas.oba.org.br">
92          Consulta de Medalhas — OBA e OBAFOG 2026
93        </a>
94        <a class="btn btn-secondary" href="https://sistema.oba.org.br/site">
95          Site OBA
96        </a>
97      </nav>
98
99      <footer>OBA — Olimpíada Brasileira de Astronomia e Astronáutica</footer>
100    </main>
101  </body>
102</html>