@import"https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;500;600;700&display=swap";:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--bg-color: #f8f9fa;--card-bg: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--success-color: #10b981;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-color);color:var(--text-primary);margin:0;padding:20px;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-lg);padding:48px;max-width:560px;width:100%;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-weight:700;text-align:center;margin:0 0 8px;font-size:1.875rem;color:var(--text-primary);letter-spacing:-.025em}h2{font-weight:600;font-size:1.125rem;margin:32px 0 16px;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.toast-notification{position:fixed;top:24px;left:50%;transform:translate(-50%);background:var(--success-color);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{top:-50px;opacity:0}to{top:24px;opacity:1}}.form-group{margin-bottom:24px}label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:.875rem}input[type=text],input[type=number],input[type=email],input[type=file]{width:100%;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9375rem;transition:all .2s ease}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}input::placeholder{color:#9ca3af}input:disabled{background:#f9fafb;cursor:not-allowed}button{width:100%;padding:12px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);margin-top:8px}button:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:scale(.98)}button:disabled{background:#d1d5db;cursor:not-allowed}.secondary-button{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.secondary-button:hover:not(:disabled){background:#f9fafb;border-color:var(--text-secondary)}.info-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.info-section h2{margin-top:0}ol,ul{padding-left:24px;margin:0}li{margin-bottom:8px;color:var(--text-secondary);line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover);text-decoration:underline}input[type=file]::file-selector-button{margin-right:12px;padding:8px 16px;border-radius:6px;background:#f3f4f6;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:background .2s;font-weight:500;font-size:.875rem}input[type=file]::file-selector-button:hover{background:#e5e7eb}input[type=checkbox]{cursor:pointer;accent-color:var(--primary-color)}.progress-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin:16px 0}.progress-bar{height:100%;background:var(--primary-color);transition:width .3s ease;border-radius:4px}small{font-size:.8125rem;color:var(--text-secondary)}.text-center{text-align:center}strong{font-weight:600;color:var(--text-primary)}
