.origin-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 24px 0; }
.origin-option { text-align: center; cursor: pointer; transition: .2s; }
.origin-option:hover, .origin-option.selected { transform: translateY(-5px); border-color: #49e4ff; box-shadow: 0 0 30px #36dfff33; }
.continent-emblem { width: 100px; height: 100px; margin: 0 auto 14px; border-radius: 50%; display: grid; place-items: center; font-size: 30px; font-weight: 900; border: 2px solid currentColor; box-shadow: 0 0 25px currentColor; }
.europa { color: #55bfff; }.afrika { color: #f0b64b; }.asien { color: #d873ff; }.amerika { color: #57e7a6; }
.origin-form { max-width: 560px; margin: 18px auto; }
.origin-form select { width: 100%; margin-top: 7px; padding: 13px; border: 1px solid #315d85; background: #020a16; color: white; border-radius: 5px; }
.continent-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 15px 0; }
.continent-card { padding: 16px; border: 1px solid currentColor; background: #061426; }
.continent-card b { display: block; font-size: 22px; }.continent-card span,.continent-card small { display: block; color: #dcefff; }.continent-card small { margin-top: 4px; color: #7893ae; }
.rank-number { color: #ffc85b; font-size: 18px; font-weight: 900; }
@media (max-width:900px){.origin-grid,.continent-stats{grid-template-columns:1fr 1fr}}@media (max-width:480px){.origin-grid,.continent-stats{grid-template-columns:1fr}}