*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}@media (max-width:768px){html,body{height:auto;min-height:100vh;overflow-x:hidden}}.signin-page{height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}@media (min-width:769px){.signin-page{height:100vh;overflow:hidden}.signin-left{overflow:hidden}}.signin-left{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.signin-header{justify-content:space-between;align-items:center;padding:32px 48px;display:flex}.signin-logo{text-decoration:none;display:inline-block}.home-button{color:#666;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:400;text-decoration:none;display:flex}.home-button:hover{color:#333}.home-button:before{content:"←";font-size:14px;font-weight:400}.signin-content{flex:1;justify-content:center;align-items:center;padding:0 48px 48px;display:flex}.signin-form-container{width:100%;max-width:400px}.signin-title{color:#111827;margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.3}.signin-subtitle{color:#6b7280;margin:0 0 32px;font-size:16px;line-height:1.5}.development-status{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:20px}.status-text h3{color:#111827;margin:0 0 6px;font-size:16px;font-weight:600}.status-text p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.signin-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500}.form-group input,.form-group textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group textarea{resize:vertical;min-height:88px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.signin-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 25%,#1a1a1a 50%,#0a0a0a 75%,#2d2d2d 100%);border:none;border-radius:6px;margin-top:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.signin-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 25%,#2d2d2d 50%,#1a1a1a 75%,#0a0a0a 100%);transform:translateY(-1px)}.signin-submit-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.signin-right{background:#f5f5f7;flex:1;justify-content:center;align-items:center;padding:32px;display:flex;position:relative}.signin-right-background{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 25%,#1a1a1a 50%,#0a0a0a 75%,#2d2d2d 100%);border-radius:24px;flex-direction:column;width:100%;max-width:500px;height:100%;max-height:600px;padding:48px 32px;animation:12s ease-in-out infinite gradientShift;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.15)}@keyframes gradientShift{0%{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 25%,#1a1a1a 50%,#0a0a0a 75%,#2d2d2d 100%)}16.66%{background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 25%,#2d2d2d 50%,#1a1a1a 75%,#0a0a0a 100%)}33.33%{background:linear-gradient(135deg,#0a0a0a 0%,#2d2d2d 25%,#1a1a1a 50%,#2d2d2d 75%,#1a1a1a 100%)}50%{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 25%,#2d2d2d 50%,#1a1a1a 75%,#2d2d2d 100%)}66.66%{background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 25%,#0a0a0a 50%,#2d2d2d 75%,#1a1a1a 100%)}83.33%{background:linear-gradient(135deg,#0a0a0a 0%,#2d2d2d 25%,#1a1a1a 50%,#0a0a0a 75%,#2d2d2d 100%)}to{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 25%,#1a1a1a 50%,#0a0a0a 75%,#2d2d2d 100%)}}.signin-right-content{z-index:2;color:#fff;flex-direction:column;height:100%;display:flex;position:relative}.right-header{text-align:center;margin-bottom:32px}.right-header h2{color:#fff;margin:0 0 12px;font-size:28px;font-weight:600;line-height:1.2}.right-header p{color:#d1d5db;margin:0;font-size:16px;line-height:1.5}.widget-container{flex:1;justify-content:center;align-items:center;display:flex}.widget-image{opacity:.9;max-width:100%;height:auto}.features-preview{flex-direction:column;gap:32px;display:flex}.feature-item{align-items:flex-start;gap:16px;display:flex}.feature-icon{background:rgba(255,255,255,.2);border-radius:12px;flex-shrink:0;padding:8px;font-size:24px}.feature-text h4{margin:0 0 6px;font-size:18px;font-weight:600}.feature-text p{opacity:.8;margin:0;font-size:14px;line-height:1.4}.success-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 25%,#1a1a1a 50%,#0a0a0a 75%,#2d2d2d 100%);border:1px solid rgba(75,85,99,.3);border-radius:12px;min-width:400px;padding:32px;animation:.3s ease-out notificationAppear;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px rgba(0,0,0,.3)}.notification-content{align-items:flex-start;gap:16px;display:flex;position:relative}.notification-icon{background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 50%,#2d2d2d 100%);border:1px solid rgba(255,255,255,.1);border-radius:8px;flex-shrink:0;padding:8px}.notification-text h3{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.notification-text p{color:#d1d5db;margin:0;font-size:14px}.notification-close{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 50%,#2d2d2d 100%);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:24px;height:24px;font-size:14px;transition:all .2s;position:absolute;top:-8px;right:-8px}.notification-close:hover{background:linear-gradient(135deg,#0a0a0a 0%,#2d2d2d 50%,#1a1a1a 100%);transform:scale(1.1)}.notification-glow{pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);border-radius:12px;animation:3s ease-in-out infinite notificationGlow;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes notificationGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes notificationAppear{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:768px){.signin-page{flex-direction:column;min-height:100vh;overflow-x:hidden;height:auto!important;overflow-y:auto!important}.signin-left{flex:none;min-height:60vh;height:auto!important;overflow:visible!important}.signin-right{flex:none;order:2;margin-top:20px;padding:24px;height:auto!important}.signin-right-background{border-radius:20px;max-height:none;padding:32px 24px}.signin-header{flex-direction:row;justify-content:flex-start;padding:24px 24px 0}.home-button{margin-left:auto;display:flex}.signin-content{padding:0 24px 24px}.signin-title,.right-header h2{font-size:24px}.right-header p{font-size:14px}.success-notification{min-width:auto;left:16px;right:16px;transform:translateY(-50%)}}@media (max-width:480px){.signin-header{padding:20px 20px 0}.signin-content{padding:0 20px 20px}.signin-right{padding:20px}.signin-right-background{border-radius:16px;padding:24px 20px}.right-header h2{font-size:22px}.widget-image{width:100%;max-width:280px}.development-status{padding:16px}}