:root{--color-primary:#2f82ff;--color-primary-dark:#1968e6;--color-secondary:#9572ff;--color-tertiary:#ff72d5;--color-quaternary:#5b5cff;--color-gray-900:#0f1419;--color-gray-800:#1c1f26;--color-gray-700:#2a2d36;--color-gray-600:#4a4d56;--color-gray-500:#6a6d76;--color-gray-400:#8a8d96;--color-gray-300:#aaacb6;--color-gray-200:#caccd6;--color-gray-100:#eaeaf6;--color-gray-50:#f5f5fc;--color-success:#00c896;--color-warning:#ffb800;--color-error:#ff5252;--color-info:#00bcd4;--font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;--spacing-unit:4px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.login-page{background:var(--color-gray-50);color:var(--color-gray-900);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,var(--color-primary) 0,transparent 50%),radial-gradient(circle at 80% 20%,var(--color-secondary) 0,transparent 50%),radial-gradient(circle at 40% 40%,var(--color-tertiary) 0,transparent 50%);opacity:.05;z-index:0}.login-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-2xl);padding:48px;width:100%;max-width:400px;box-shadow:var(--shadow-xl);position:relative;z-index:1}.logo-section{text-align:center;margin-bottom:12px}.logo-section img{height:40px;width:auto}.logo-section h1{font-size:24px;font-weight:700;color:var(--color-gray-900);margin-bottom:8px}.logo-section p{color:var(--color-gray-600);font-size:14px}.test-account-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:white;border-radius:var(--radius-xl);padding:20px;margin-bottom:32px}.test-account-content{display:flex;align-items:center;justify-content:space-between}.test-account-info h3{font-size:14px;opacity:.9;margin-bottom:4px}.test-account-info p,.test-btn{font-weight:600}.test-btn{background:rgba(255,255,255,.2);border:none;color:white;padding:8px 16px;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.test-btn:hover{background:rgba(255,255,255,.3)}.tab-container{display:flex;border-bottom:2px solid var(--color-gray-200);margin-bottom:32px}.tab-btn{flex:1;padding:16px;background:none;font-size:16px;font-weight:600;color:var(--color-gray-500);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--color-gray-700);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:16px;transition:all .2s ease;background:white}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(47,130,255,.1)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox-wrapper{display:flex;align-items:center;gap:8px}.checkbox-wrapper input[type=checkbox]{accent-color:var(--color-primary)}.checkbox-wrapper label{font-size:14px;color:var(--color-gray-600)}.forgot-password{font-size:14px;color:var(--color-primary);text-decoration:none}.forgot-password:hover{text-decoration:underline}.btn-primary{width:100%;background:var(--color-primary);color:white;border:none;padding:12px 24px;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px 0 rgba(47,130,255,.3)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px 0 rgba(47,130,255,.4)}.divider{text-align:center;margin:24px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-gray-200)}.divider span{background:white;padding:0 16px;color:var(--color-gray-500);font-size:14px;position:relative}.btn-google{width:100%;background:white;border:1px solid var(--color-gray-200);color:var(--color-gray-700);padding:12px 24px;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.btn-google:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-1px)}.footer-link{text-align:center;margin-top:32px}.footer-link a{color:var(--color-gray-600);text-decoration:none;font-size:14px}.footer-link a:hover{color:var(--color-primary)}.form-section{display:none}.form-section.active{display:block}.terms-wrapper{margin-bottom:24px}.terms-wrapper label{font-size:14px;color:var(--color-gray-600);display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.5}.terms-wrapper a{color:var(--color-primary);text-decoration:none}.terms-wrapper a:hover{text-decoration:underline}