body { font-family: 'Segoe UI', sans-serif; max-width: 600px; margin: 40px auto; text-align: center; background: #f4f7f6; }
input { padding: 12px; font-size: 18px; border: 2px solid #ddd; border-radius: 8px; width: 45%; }
h3 { color: #006aa7; margin-top: 20px; text-align: left; border-bottom: 2px solid #fecc00; }
#results { text-align: left; margin-top: 20px; }

/* The Swedish Flag */
.flag {
    width: 60px; height: 38px;
    background: linear-gradient(90deg, #006aa7 20px, #fecc00 20px, #fecc00 30px, #006aa7 30px);
    margin: 0 auto 20px;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    /* 3D tilt effect */
    transform: rotate(-10deg) skew(10deg);
}