:root { --p: #FFEFBA; --bg: linear-gradient(135deg, #FFEFBA 0%, #FFFFFF 100%); }

body { margin: 0; font-family: 'Pretendard', sans-serif; background: var(--bg); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; }
.container { background: #fff; padding: 2.5rem 2rem; border-radius: 30px; box-shadow: 0 15px 35px rgba(0,0,0,0.05); text-align: center; width: 100%; max-width: 400px; }

.main-title { font-size: 1.6rem; color: #333; margin: 0; }
.sub-title { font-size: 0.85rem; color: #888; margin-top: 5px; margin-bottom: 30px; }

.upload-box { border: 2px dashed var(--p); border-radius: 20px; padding: 40px; cursor: pointer; transition: 0.3s; background: #fffaf0; }
.upload-box:hover { background: #fff4d1; transform: scale(1.02); }

.hide { display: none; }

/* 로딩 애니메이션 */
.loader { width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid var(--p); border-radius: 50%; animation: spin 1s linear infinite; margin: 20px auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* 링크 카드 디자인 */
.link-card { margin-top: 30px; padding: 15px; background: #fbfbfb; border-radius: 15px; border: 1px solid #eee; }
.link-btn { display: inline-block; margin-top: 10px; padding: 10px 20px; background: var(--p); color: #333; text-decoration: none; font-weight: bold; border-radius: 20px; font-size: 0.85rem; }

footer { margin-top: 25px; font-size: 11px; color: #ccc; }
.team-name { color: #FFEFBA; font-weight: bold; }