body,html{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;height:100%;width:100%;overflow:auto}.close-btn-modern{position:absolute;top:24px;right:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04);border:none;border-radius:50%;cursor:pointer;color:#666;transition:all .2s ease;z-index:10}.close-btn-modern:hover{background:rgba(0,0,0,.08);color:#000;transform:rotate(90deg)}.close-btn-modern:active{transform:rotate(90deg) scale(.95)}.welcome-section{margin-bottom:32px}.welcome-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.welcome-subtitle{font-size:16px;color:#6b7280;margin:0;font-weight:400}.input-group-modern{margin-bottom:20px}.input-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.input-wrapper{position:relative}.modern-input{width:100%;height:52px;padding:0 16px;font-size:15px;color:#1a1a1a;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-sizing:border-box;transition:all .2s ease;outline:none}.modern-input::placeholder{color:#9ca3af}.modern-input:hover{border-color:#d1d5db}.modern-input:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.1);background:#fff}.input-wrapper:has(.password-toggle-btn) .modern-input{padding-right:48px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#6b7280;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;width:36px;height:36px}.password-toggle-btn:hover{background:rgba(0,0,0,.06);color:#374151}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.password-hint{font-size:12px;color:#6b7280;margin-top:4px;margin-bottom:4px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modern-checkbox{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#f97316;border-radius:4px}.checkbox-label span{font-weight:400}.row-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.forgot-password-link{color:#f97316;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.forgot-password-link:hover{color:#ea580c;text-decoration:underline}.modern-primary-button{width:100%;height:52px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(249,115,22,.2);margin-bottom:24px}.modern-primary-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(249,115,22,.3);background:linear-gradient(135deg,#ea580c,#dc2626)}.modern-primary-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(249,115,22,.25)}.modern-primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.separator-modern{display:flex;align-items:center;gap:12px;margin:24px 0}.separator-line{flex:1 1;height:1px;background:#e5e7eb}.separator-text{font-size:14px;color:#9ca3af;font-weight:400}.social-buttons-modern{display:flex;gap:12px;margin-bottom:24px}.social-button{flex:1 1;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.social-button:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.social-button:active{transform:translateY(0)}.social-button svg{flex-shrink:0}.bottom-text-modern{text-align:center;font-size:14px;color:#6b7280;margin-top:8px}.signup-link{color:#f97316;text-decoration:none;font-weight:600;transition:color .2s ease}.signup-link:hover{color:#ea580c;text-decoration:underline}.logo{width:180px;margin:0 auto}.close-btn{position:absolute;top:20px;right:20px;font-size:18px;border:none;background:none;cursor:pointer}.login-panel h2{font-size:24px;font-weight:700;text-align:left;margin:40px 0 10px}.login-panel p{color:#666;margin-bottom:20px}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:4px;font-size:14px;color:#333}.input-group input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;box-sizing:border-box}.row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:24px}.row input[type=checkbox]{margin-right:5px}.row a{color:red;text-decoration:none}.signup-btn{display:block;width:100%;border:none;background:url(/signupbutton.png) 50%/contain no-repeat;height:48px;cursor:pointer;margin-bottom:20px}.separator{color:#aaa;margin:10px 0}.bottom-text,.separator{text-align:center;font-size:13px}.bottom-text a{color:#f97316;text-decoration:none;font-weight:500}.overlay{position:fixed;top:0;right:0;width:600px;height:100vh;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-panel{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:1000;display:flex;flex-direction:row;font-family:Inter,sans-serif;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.login-panel.open{opacity:1;pointer-events:auto}.login-panel .side-panel{flex:1 1;background:transparent;transition:background .3s ease-in-out;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.login-panel.open .side-panel{background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-panel .login-container{width:600px;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:-4px 0 24px rgba(0,0,0,.15);transform:translateX(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}.login-panel.open .login-container{transform:translateX(0)}.login-panel .login-content-wrapper{width:480px;display:flex;flex-direction:column}.login-header-spacer{height:60px}.login-panel:not(.open) .login-container{transform:translateX(100%)}.login-logo{left:20px;width:200px}.close-button,.login-logo{position:absolute;top:20px}.close-button{right:20px;background:none;border:none;font-size:24px;cursor:pointer}.login-content{margin-top:120px;font-family:Inter,sans-serif}.login-content input{width:100%;height:56px;padding:10px;font-size:14px;margin-bottom:16px}.login-options{display:flex;justify-content:space-between;margin-bottom:20px;font-size:13px}.signup-button{width:100%;height:48px;object-fit:contain;margin-bottom:20px;cursor:pointer}.divider{text-align:center;color:#aaa;margin:10px 0;font-size:13px}.social-buttons{display:flex;justify-content:center;margin-bottom:30px}.social-buttons img{width:100%;height:45px;object-fit:contain;cursor:pointer}.bottom-signin{text-align:center;font-size:13px}.bottom-signin a{color:#f97316;text-decoration:none;font-weight:500}@media (max-width:768px){.login-panel .login-container{width:100%!important;height:100vh!important;height:100dvh!important;min-height:0!important;align-items:flex-start!important;justify-content:flex-start!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding:16px 16px max(32px,env(safe-area-inset-bottom,24px))!important;box-sizing:border-box!important}.login-panel .side-panel{display:none!important}.login-container{width:100%!important;box-sizing:border-box!important}.login-content-wrapper{width:100%!important;max-width:100%!important;padding:0 0 32px!important;min-height:min-content!important;flex-shrink:0!important}.login-logo-img{width:160px!important;top:16px!important;left:16px!important}.close-btn-modern{top:16px!important;right:16px!important;width:36px!important;height:36px!important}.welcome-title{font-size:28px!important;margin-top:60px!important}.welcome-subtitle{font-size:15px!important;margin-bottom:24px!important}.input-group-modern{margin-bottom:18px!important}.modern-input{height:50px!important;font-size:16px!important;padding:0 14px!important}.input-label{font-size:14px!important}.row-modern{font-size:13px!important;margin-bottom:20px!important;flex-wrap:wrap!important;gap:8px!important}.modern-primary-button{height:50px!important;font-size:15px!important;margin-bottom:20px!important}.separator-modern{margin:20px 0!important}.separator-text{font-size:13px!important}.social-buttons-modern{flex-direction:column;gap:10px;margin-bottom:20px!important}.social-button{height:46px!important;font-size:14px!important}.bottom-text-modern{font-size:13px!important;margin-top:8px!important}.close-btn{top:16px!important;right:16px!important;font-size:24px!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important}.login-panel h2{font-size:20px!important;margin-top:60px!important}.login-panel p{font-size:14px!important;margin-bottom:24px!important}.input-group{margin-bottom:16px!important}.input-group input{height:48px!important;font-size:16px!important;padding:12px!important}.input-group label{font-size:14px!important}.row{font-size:12px!important;margin-bottom:20px!important;flex-wrap:wrap!important;gap:8px!important}.sign-in-button-img,.signup-button{height:44px!important;margin-bottom:16px!important}.signup-button{font-size:15px!important}.separator{margin:16px 0!important}.bottom-text,.separator{font-size:12px!important}.bottom-text{margin-top:8px!important}}@media (max-width:768px) and (max-height:700px){.login-content-wrapper{padding-bottom:24px!important}.login-logo-img{width:140px!important}.welcome-section{margin-bottom:20px!important}.welcome-title{font-size:24px!important;margin-top:48px!important}.welcome-subtitle{font-size:14px!important;margin-bottom:16px!important}.input-group-modern{margin-bottom:14px!important}.modern-input{height:46px!important}.row-modern{margin-bottom:14px!important}.modern-primary-button{height:46px!important;margin-bottom:16px!important}.separator-modern{margin:14px 0!important}.bottom-text-modern{margin-top:4px!important}.login-header-spacer{height:40px!important}}