.signin-container{display:flex;min-height:100vh;background-color:#f5f6fb}.signin-left{flex:1;min-width:50%;background:linear-gradient(135deg,#4ee8dc,#3dc4ff);display:flex;align-items:center;justify-content:center;padding:3rem 1rem;position:relative;overflow-y:auto}.signin-left-content{max-width:600px;width:100%;text-align:center;color:white}.signin-brand-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.signin-logo{height:42px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.signin-brand{font-size:2rem;font-weight:600;margin:0;color:white}.signin-welcome{font-size:2rem;font-weight:700;margin-bottom:3rem;line-height:1.2;color:white}.signin-preview{background:white;border-radius:16px;padding:1rem;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;margin:0 auto}.preview-mockup{width:100%}.mockup-header{background:#1a1a1a;padding:1rem 2rem;border-bottom:1px solid #333;margin:-1rem -2rem 1rem}.mockup-status{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}.status-icon{font-size:1rem}.mockup-content{text-align:left}.mockup-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:400;color:#0f1419}.check-icon{color:#10b981;font-size:1.5rem}.mockup-file{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f6f7fb;border-radius:12px;margin-bottom:1rem;border:1px solid #eaecf2}.file-icon{font-size:1.75rem;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-weight:600;color:#0f1419;font-size:.85rem;margin-bottom:.25rem;word-break:break-word}.file-meta{font-size:.75rem;color:#6f7381}.complete-badge{padding:.25rem .75rem;background:#d1fae5;color:#065f46;border-radius:20px;font-size:.75rem;font-weight:600;border:none;cursor:default}.file-size{font-size:.875rem;color:#6f7381;font-weight:500;white-space:nowrap}.mockup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.stat-item{text-align:center;border-radius:8px}.stat-value{font-size:1.25rem;font-weight:700;color:#0f1419;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#6f7381;font-weight:500}.mockup-table{width:100%;border-collapse:collapse;margin-bottom:.5rem;font-size:.875rem;border:1px solid #eaecf2;border-radius:8px;overflow:hidden}.mockup-table thead{background:#f6f7fb}.mockup-table th{padding:.5rem;text-align:left;font-weight:600;color:#6f7381;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.mockup-table td{padding:.75rem .5rem;border-top:1px solid #eaecf2;font-size:.75rem;color:#0f1419}.mockup-table tbody tr:hover{background:#fafbfc}.badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap}.badge-market{background:#dbeafe;color:#1e40af}.badge-rising{background:#fef3c7;color:#92400e}.badge-stage{background:#e0e7ff;color:#3730a3}.mockup-footer{text-align:center;font-size:.875rem;color:#6f7381;border-radius:8px;margin-bottom:1rem;font-weight:400}.mockup-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative;margin-bottom:1rem}.download-btn,.view-btn{padding:.65rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:default;border:none}.download-btn{background:linear-gradient(135deg,#4ee8dc,#3dc4ff);color:white;box-shadow:0 4px 12px rgba(60,197,238,.25)}.view-btn{background:white;color:#0f1419;border:1px solid #eaecf2}.mockup-features{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f6f7fb;border-radius:12px;border:1px solid #eaecf2}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature-content{flex:1}.feature-title{font-weight:600;color:#0f1419;font-size:.95rem;margin-bottom:.25rem}.feature-description{font-size:.875rem;color:#6f7381;line-height:1.4}.signin-right{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background-color:white}.signin-form-container{max-width:440px;width:100%}.signin-title{font-size:1.875rem;font-weight:700;color:#0f1419;margin-bottom:.5rem}.signin-subtitle{color:#6f7381;margin-bottom:2rem;font-size:.95rem}.signin-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#0f1419;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #eaecf2;border-radius:8px;font-size:.95rem;transition:all .2s ease;background-color:white;color:#0f1419}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;border-color:#66e6d7;box-shadow:0 0 0 3px rgba(102,230,215,.1)}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;color:#9ca3af}.form-options{justify-content:space-between;margin-bottom:1.5rem;font-size:.875rem}.checkbox-label,.form-options{display:flex;align-items:center}.checkbox-label{gap:.5rem;cursor:pointer;color:#6f7381}.checkbox-label input[type=checkbox]{cursor:pointer}.forgot-link{color:#66e6d7;text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.signin-button{width:100%;padding:.875rem;background:linear-gradient(135deg,#4ee8dc,#3dc4ff);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 16px 36px rgba(60,197,238,.35)}.signin-button:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(60,197,238,.4)}.signin-button:active{transform:translateY(0)}.signin-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-divider{text-align:center;margin:1.5rem 0;position:relative;color:#9ca3af;font-size:.875rem}.signin-divider:after,.signin-divider:before{content:"";position:absolute;top:50%;width:calc(50% - 80px);height:1px;background-color:#eaecf2}.signin-divider:before{left:0}.signin-divider:after{right:0}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid #eaecf2;border-radius:8px;background-color:white;cursor:pointer;font-size:.875rem;font-weight:500;color:#0f1419;transition:all .2s ease}.social-button:hover{background-color:#f6f7fb;border-color:#d1d5db}.social-button-disabled{opacity:.5;cursor:not-allowed;background-color:#f6f7fb}.social-button-disabled:hover{background-color:#f6f7fb;border-color:#eaecf2}.signin-footer{text-align:center;margin-bottom:1.5rem;font-size:.875rem;color:#6f7381}.signup-link{color:#66e6d7;text-decoration:none;font-weight:600}.signup-link:hover{text-decoration:underline}.security-notice{display:flex;gap:1rem;padding:1rem;background-color:#e6faf8;border-radius:8px;font-size:.875rem}.security-icon{font-size:1.5rem;flex-shrink:0}.security-notice strong{display:block;color:#0f7490;margin-bottom:.25rem}.security-notice p{color:#0891b2;margin:0;line-height:1.4}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}@media (max-width:1200px){.signin-preview{transform:scale(.9);transform-origin:top}}@media (max-width:968px){.signin-container{flex-direction:column}.signin-left{min-height:400px;padding:2rem}.signin-welcome{font-size:1.75rem;margin-bottom:2rem}.signin-preview{transform:scale(.85);transform-origin:top}}@media (max-width:640px){.signin-left{min-height:250px}.signin-welcome{font-size:1.5rem;margin-bottom:1.5rem}.signin-preview{padding:1.5rem;transform:scale(.75);transform-origin:top}}