* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background-color: #fafafa;
color: #1d1d1f;
margin: 0 auto;
width: 90%;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
padding-top: 40px;
-webkit-font-smoothing: antialiased;
}


header {
width: 100%;
max-width: 400px;
text-align: center;
margin-top: 20px;
margin-bottom: 48px;
}

header img {
max-width: 160px;
height: auto;
object-fit: contain;
}


main {
width: 100%;
max-width: 400px;
}

#link-container {
display: flex;
flex-direction: column;
gap: 16px;
}


.link-box {
position: relative;
background-color: #ffffff;
border-radius: 14px;
padding: 18px 24px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.link-box:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
background-color: #fafafa;
}


.link-box p {
font-size: 17px;
font-weight: 500;
color: #2c2c2e;
}

.link-box a {
text-decoration: none;
color: inherit;
outline: none;
}


.link-box a::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 14px;
}