body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.navbar{background-color:#f5f5f5;color:#000;height:6vh;justify-content:space-between;position:relative;width:100%;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex;flex-direction:row}.navbar-left{padding:1vw}.navbar-right{align-items:center;display:flex;flex-direction:row;margin-left:auto;padding-right:2vw}.dropdown{display:inline-block;margin-left:20px;position:relative}.notifications-icon{background:none;border:none;color:#333;cursor:pointer;font-size:1.2rem;position:relative}.notification-badge{align-items:center;background-color:#ff4d4f;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.dropdown-content.notifications-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:block;max-height:400px;overflow-y:auto;padding:0;position:absolute;right:0;top:calc(100% + 10px);width:300px;z-index:1000}.notifications-header{padding:10px 16px}.notifications-header h4{color:#333;font-size:1rem;margin:0}.notification-item{align-items:flex-start;cursor:pointer;padding:12px 16px;transition:background-color .2s}.notification-item:hover{background-color:#f9f9f9}.notification-profile-pic{border-radius:50%;height:40px;margin-right:12px;object-fit:cover;width:40px}.notification-content p{color:#333;font-size:.9rem;margin:0 0 4px}.notification-content small{color:#999;font-size:.8rem}.no-notifications{color:#999;padding:16px;text-align:center}.notifications-footer{border-top:1px solid #f0f0f0;padding:12px 16px;text-align:center}.view-all-btn{background:none;border:none;color:#1890ff;cursor:pointer;font-size:.9rem}.view-all-btn:hover{text-decoration:underline}.notification-tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:10px}.tab-btn{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 0;position:relative}.tab-btn.active{color:#1890ff;font-weight:700}.tab-btn.active:after{background-color:#1890ff;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.archive-btn{background:none;border:none;color:#666;cursor:pointer;margin-left:10px;opacity:.7;padding:5px;transition:opacity .2s}.archive-btn:hover{color:#1890ff;opacity:1}.notification-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:10px}.notification-content{flex:1 1;min-width:0}.chat-list{align-items:center;border-top:1px solid #e3e3e3;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.fixed-header{background-color:#fff;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.header{flex-direction:row;width:27vw}.header .fa-user-group,.header h2{color:#464646}.search-bar{margin-bottom:10px;width:27vw}#search{background-color:#f8f8f8;border:none;outline:none;padding:10px;width:100%}.chat-list-content{flex-grow:1;overflow-y:auto;width:100%}.user{display:flex;justify-content:center;margin-bottom:15px;width:100%}.user-button{align-items:center;background-color:initial;border:none;border-radius:8px;display:flex;justify-content:space-between;padding:20px;position:relative;text-align:left;text-decoration:none;width:27vw}.user-button:hover{background-color:#f0f0f0}.user-button img{border-radius:50%;height:50px;margin-right:20px;width:50px}.user-button span{color:#000;flex-grow:1;font-size:15px}.pin-icon{color:#888;cursor:pointer;font-size:18px;margin-left:15px}.pin-icon.pinned{color:#373737}.context-menu{background-color:#fff;border-radius:4px;box-shadow:0 0 10px #0000001a;position:absolute;z-index:1000}.context-menu button{align-items:center;background-color:initial;border:none;color:#000;cursor:pointer;display:flex;padding:10px 15px;text-align:left;width:100%}.context-menu button i{color:#888;margin-right:10px}.context-menu button:hover{background-color:#f0f0f0}.user-btn,.user-btn:hover,.user-button span:hover{text-decoration:none}.search-container{position:relative;width:27vw}.search-suggestions{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:20}.suggestion-item{align-items:center;cursor:pointer;display:flex;padding:10px 15px;transition:background-color .2s}.suggestion-item:hover{background-color:#f5f5f5}.suggestion-avatar{border-radius:50%;height:35px;margin-right:10px;width:35px}.search-bar input{background-color:#f8f8f8;border:none;border-radius:10px;outline:none;padding:10px;width:100%}.loading-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.user.selected .user-button{background-color:#e0e0e0!important;box-shadow:inset 0 0 0 1px #d0d0d0;font-weight:500}.user .user-button{background-color:#fff;transition:all .2s ease}.user:not(.selected) .user-button:hover{background-color:#f5f5f5}.content{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(1,1fr);height:100vh;overflow-x:hidden;overflow-y:hidden;width:100%}.userProfile{background-color:#f5f5f5;display:grid;grid-column-end:1;grid-column-start:1;justify-content:flex-start}.chatList{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;display:grid;grid-column-end:7;grid-column-start:2;justify-content:center}.home-chatArea{background-color:#f5f5f5;display:grid;grid-column-end:16;grid-column-start:7;width:100%}.userProfile{height:100%;position:relative;z-index:2}.icon-container,.userProfile{align-items:center;display:flex;flex-direction:column}.icon-container{bottom:20px;position:absolute}.icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:15px;width:40px}.settings-icon i,.star-icon i{color:#555;font-size:20px}.settings-icon:hover i,.star-icon:hover i{color:#333}.profile-icon{border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;height:40px;overflow:hidden;width:40px}.profile-icon img{height:100%;object-fit:cover;width:100%}.profile-overlay{align-items:flex-end;background-color:#00000080;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:999}.profile-panel{animation:slideUp .3s ease-out;background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;box-sizing:border-box;margin-left:5px;margin-right:auto;max-width:350px;padding:20px;width:100%}.profile-content{display:flex;flex-direction:column}.profile-image{border-radius:50%;height:80px;margin-bottom:20px;overflow:hidden;width:80px}.profile-image img{height:100%;object-fit:cover;width:100%}.profile-details{width:100%}.name{font-size:20px;font-weight:700;margin-bottom:20px;position:relative;text-align:left}.about-section{margin-bottom:15px}.section-title{color:#666;font-size:14px;margin-bottom:5px}.section-content{font-size:16px;padding-right:20px;position:relative}.divider{background-color:#eee;height:1px}.about-section i,.name i{color:#777;cursor:pointer;position:absolute;right:0}.handle-Logout{display:flex;justify-content:left;margin-top:20px}.logout{background-color:#fff;border:none;border-radius:5px;box-shadow:0 2px 5px #0000001a;color:#f44336;cursor:pointer;font-weight:700;padding:10px 25px}.chat-history-note{color:#777;font-size:12px;margin-top:20px;padding:0 20px;text-align:center}body{color:#000;font-family:Montserrat;line-height:1;margin:0}.container{margin:0 auto;max-width:1200px;padding:20px}.main{align-items:center;display:flex;flex-direction:column;height:88vh;justify-content:center;text-align:center}.heading{font-size:4rem;font-weight:bolder}.second-line{font-size:2rem;font-weight:700}.download-btn{background:none;background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;padding:12px 24px;text-decoration:none}.preview-top-header{align-items:center;background:#fafafa;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;height:64px;padding:0 8px}.chat-preview-layout{background:#fff;background:#fff9;border:1px solid #e5e5e5;border-radius:10px;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;padding:5px;width:100%}.preview:before{background:conic-gradient(from 0deg,#ff4d4d,#ffb74d,#fff34d,#4dff88,#4dffff,#4d88ff,#b44dff,#ff4df5,#ff4d4d);border-radius:50%;content:"";filter:blur(100px);height:220px;left:50%;opacity:.55;position:absolute;top:-80px;transform:translateX(-50%);width:80%;z-index:-1}.preview{flex-direction:row;font-family:Arial,sans-serif;height:100vh;position:relative;width:100%}.prev-profile-sidebar,.preview{background:#fafafa;display:flex}.prev-profile-sidebar{align-items:flex-end;border-bottom:1px solid #ddd;border-bottom-left-radius:10px;border-left:1px solid #ddd;padding:20px;width:50px}.prev-profile-user{align-items:center;display:flex;gap:12px}.prev-profile-user img{border-radius:50%;height:48px;object-fit:cover;width:48px}.prev-profile-user h3{font-size:15px;font-weight:600}.prev-profile-user span{color:#8c8c8c;font-size:12px}.prev-chatlist-section{background:#fff;border:1px solid #ddd;border-top-left-radius:10px;display:flex;flex-direction:column;padding:0 26px;width:350px}.prev-chatlist-section h2{font-size:24px;font-weight:700;margin-bottom:14px}.prev-chat-search input{background:#fafafa;border:none;border-radius:8px;font-size:14px;margin-bottom:20px;outline:none;padding:12px;width:93%}.prev-chatlist{display:flex;flex-direction:column;gap:16px}.prev-chatlist-user{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:.2s ease}.prev-hatlist-user:hover{background:#e9e9e9}.prev-chatlist-user img{border-radius:50%;height:46px;width:46px}.prev-chatlist-user span{font-size:15px;font-weight:500}.prev-chat-panel{background:#fff;display:flex;flex:1 1;flex-direction:column}.prev-chat-header{align-items:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;display:flex;font-size:18px;font-weight:600;gap:12px;height:50px;padding:8px 10px}.prev-chat-header img{border-radius:50%;height:40px;width:40px}.prev-chat-body{background:#fafafa;border-right:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:hidden;padding:20px 10px}.prev-date-divider{display:flex;justify-content:center;margin:10px 0 30px}.prev-date-divider span{background:#eee;border-radius:10px;color:#666;font-size:13px;padding:3px 12px}.msg{border-radius:12px;display:flex;flex-direction:column;font-size:15px;max-width:60%;padding:10px 14px}.msg.left{align-self:flex-start;background:#fff;border:1px solid #e8e8e8}.msg.right{align-self:flex-end;background:#d8f8ca}.time{color:#666;font-size:11px;margin-top:3px;text-align:right}.prev-chat-input{background:#fff;border-bottom:1px solid #ddd;border-bottom-right-radius:10px;border-right:1px solid #ddd;border-top:1px solid #eee;display:flex;gap:8px;padding:14px 8px}.prev-chat-input input{border:none;border-radius:18px;flex:1 1;font-size:14px;opacity:.6;outline:none;padding:10px 12px}.prev-chat-input button{border:none;border-radius:50%;color:#000;height:36px;opacity:.4;width:36px}.steps-section{display:flex;flex-direction:column;gap:10px;margin:100px 0;text-align:center;width:100%}.steps-title{color:#111;font-size:2.5rem;font-weight:700}.steps-subtitle{color:#555;font-size:1.2rem;font-weight:500}.steps-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.step-card{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:30px;position:relative;text-align:left;transition:.2s ease;width:300px}.step-icon{font-size:32px;margin-bottom:14px}.step-card h3{font-size:1.25rem;font-weight:700;margin-bottom:10px}.step-card p{color:#666;font-size:.95rem;line-height:1.5}.step-number{align-items:center;border:1px solid #ccc;border-radius:50%;display:flex;font-size:22px;height:36px;justify-content:center;position:absolute;right:18px;top:18px;width:36px}.glow-card{cursor:pointer;overflow:hidden;position:relative;transition:.25s ease;z-index:1}.glow-card:before{background:radial-gradient(circle,#b44dff 0,#ffffff40 30%,#ffffff1a 50%,#0000 80%);border-radius:50%;content:"";filter:blur(120px);height:500px;left:var(--x);opacity:0;pointer-events:none;position:absolute;top:var(--y);transform:translate(-50%,-50%);transition:opacity .3s ease;width:500px;z-index:-1}.glow-card:hover:before{opacity:1}.header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:10px 0;width:100%}.header .logo{font-size:1.5rem;font-weight:700}.nav{align-items:center;display:flex}.nav-link{font-weight:500;text-decoration:none;transition:color .3s}.login-btn{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:400;padding:8px 20px;text-decoration:none}.chat-area{background-color:#f8f8f8;flex-direction:column;height:100vh;overflow:hidden}.chat-area,.chat-header{border-top:1px solid #e3e3e3;display:flex}.chat-header{align-items:center;background-color:#fff;border-bottom:1px solid #e3e3e3;flex-shrink:0;padding-left:15px;padding-right:15px}.user-avatar,.user-avatar-placeholder{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.user-avatar-placeholder{align-items:center;background-color:#007bff;color:#fff;display:flex;font-weight:700;justify-content:center}.chat-messages{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding:10px;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.message-container{display:flex;margin:2px 0;width:100%}.own-message{justify-content:flex-end}.other-message{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:18px;max-width:70%;padding:8px 12px;position:relative}.outgoing{background-color:#dcf8c6;border:1px solid #dcf8c6;border-bottom-right-radius:4px;margin-top:10px}.incoming{background-color:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;margin-top:5px}.message-bubble p{color:#333;font-size:14px;line-height:1.4;margin:0}.timestamp{color:#999;display:block;font-size:.65rem;margin-top:4px;text-align:right}.incoming .timestamp{text-align:left}.message-date-group{margin-bottom:16px}.date-divider{font-size:.75rem;margin:20px 0}.message-box{align-items:center;background-color:#fff;border-top:1px solid #e3e3e3;display:flex;flex-shrink:0;gap:8px;padding:12px 15px}.message-box input{border:none;flex:1 1;font-size:14px;outline:none;padding:10px 16px}.message-box input:focus{background-color:#fff;border-color:#007bff}.message-box button{align-items:center;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s;width:40px}.message-box button:disabled{color:#a1a1a1;cursor:not-allowed}.loading-messages{color:#777;font-size:14px;padding:20px;text-align:center}.no-chat-selected{align-items:center;color:#777;display:flex;font-size:1.1em;height:100%;justify-content:center}.message-date-group{margin-bottom:20px}.date-divider{align-items:center;color:#777;display:flex;font-size:.8rem;margin:15px 0;text-align:center}.date-divider:after,.date-divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1;margin:0 10px}.attachment-wrapper{position:relative}.clip-btn{background:#0000;border:none;color:#555;cursor:pointer;font-size:18px;padding:8px}.clip-btn:hover{color:#111}.attachment-menu{animation:menuPop .2s ease-out;background:#fff;border-radius:10px;bottom:50px;box-shadow:0 4px 12px #0000002e;left:0;min-width:160px;padding:6px 0;position:absolute;z-index:999}.attachment-item{color:#333;cursor:pointer;display:block;font-size:14px;padding:10px 14px}.attachment-item:hover{background:#f2f2f2}@keyframes menuPop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-img{border-radius:10px;display:block;max-height:280px;max-width:240px}.preview-container{animation:slideUp .25s ease-out;bottom:80px;display:flex;justify-content:center;left:0;padding:10px;position:absolute;width:100%}.preview-img{border-radius:12px;box-shadow:0 4px 12px #00000040;max-height:200px;max-width:80%}.cancel-preview-btn{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;font-weight:700;height:26px;position:absolute;right:12px;top:-10px;width:26px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.image-preview-popup{animation:popUp .25s ease-out;background:#fff;border-radius:0 0 0 0;bottom:3%;box-shadow:0 -6px 15px #0000001f;display:flex;flex-direction:column;height:40%;left:40%;position:absolute;width:30%;z-index:999}.image-preview-header{align-items:center;display:flex;height:36px;justify-content:center;position:relative;width:100%}.close-preview{background:#0000;border:none;cursor:pointer;font-size:18px;position:absolute;right:16px;top:8px}.image-preview-body{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden}.image-preview-body img{border-radius:6px;max-height:100%;max-width:90%;object-fit:contain}.image-preview-caption{border-top:1px solid #e5e5e5;padding:10px}.image-preview-caption input{border:1px solid #ddd;border-radius:10px;font-size:15px;outline:none;padding:10px;width:100%}@keyframes popUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.send-image{flex-direction:row;justify-content:space-evenly}.auth-container,.send-image{align-items:center;display:flex}.auth-container{background-color:#f8f9fa;justify-content:center;min-height:100vh;padding:20px}.auth-form{background:#fff;border-radius:8px;max-width:400px;padding:40px;text-align:center;width:100%}.auth-form h2{color:#333;font-size:24px;font-weight:600;margin-bottom:24px}.avatar-container,.avatar-section{margin-bottom:20px}.avatar{height:100px;width:100px}.image-upload-button{background:#007bff;bottom:5px;height:30px;right:5px;width:30px}.edit-icon{font-size:14px}.input-group{margin-bottom:16px;text-align:left}.input-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s;width:95%}.input-group input:focus{border-color:#007bff;outline:none}.auth-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.auth-button:hover{background-color:#0069d9}.terms-text{color:#666;font-size:12px;line-height:1.4;margin:16px 0}.divider{align-items:center;color:#666;display:flex;font-size:14px;margin:20px 0}.divider:after,.divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.divider:before{margin-right:10px}.divider:after{margin-left:10px}.google-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:background-color .3s;width:100%}.google-button:hover{background-color:#f8f9fa}.google-icon{color:#db4437;font-size:18px}.toggle-auth{color:#007bff;cursor:pointer;font-size:14px;margin-top:20px}.toggle-auth:hover{text-decoration:underline}.onboarding-container{align-items:center;background:#f8fafc;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.onboarding-form-rectangle{background:#fff;border-radius:20px;display:flex;flex-direction:column;max-width:900px;min-height:600px;padding:40px;position:relative;width:100%}.back-button{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:10px;color:#555;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;left:25px;padding:10px;position:absolute;top:25px;transition:all .3s ease;width:40px;z-index:10}.back-button:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateX(-2px)}.form-header{margin-bottom:40px;padding-top:10px;text-align:center}.form-header h2{color:#2d3748;font-size:32px;font-weight:700;margin-bottom:8px}.form-subtitle{color:#718096;font-size:16px;margin:0}.rectangular-form{align-items:flex-start;display:flex;flex:1 1;gap:50px}.form-left-column{align-items:center;display:flex;flex:0 0 300px;flex-direction:column;gap:30px}.avatar-section{text-align:center}.avatar-container{display:inline-block;margin-bottom:15px;position:relative}.avatar{border:4px solid #e1e5e9;border-radius:50%;height:150px;object-fit:cover;transition:all .3s ease;width:150px}.avatar:hover{border-color:#667eea}.image-upload-button{align-items:center;background:#667eea;border:none;border-radius:50%;bottom:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;transition:all .3s ease;width:40px}.image-upload-button:hover{background:#5a6fd8;transform:scale(1.1)}.avatar-label,.edit-icon{font-size:16px}.avatar-label{color:#4a5568;font-weight:600;margin:0}.verified-email-section{background:#f0fff4;border:2px solid #9ae6b4;border-radius:12px;margin-bottom:20px;padding:20px;text-align:center;width:90%}.verified-email{align-items:center;color:#2d3748;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin:0}.verified-icon{color:#38a169;font-size:16px}.form-right-column{display:flex;flex:1 1;flex-direction:column}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.input-group-horizontal{margin-bottom:0;position:relative}.input-group-horizontal .select-input,.input-group-horizontal input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:15px;height:56px;padding:16px 16px 16px 50px;transition:all .3s ease;width:100%}.input-group-horizontal .select-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27><path fill=%27%23666%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/></svg>");background-position:right 16px center;background-repeat:no-repeat;background-size:12px;cursor:pointer}.input-group-horizontal .select-input:focus,.input-group-horizontal input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.input-icon{color:#718096;font-size:18px;left:18px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:2}.input-group-horizontal input:focus+.input-icon{color:#667eea}.password-toggle{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.password-toggle:hover{background:#f0f0f0;color:#333}.auth-button-rectangular{background:#667eea;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:auto;padding:18px;transition:all .3s ease;width:100%}.auth-button-rectangular:hover:not(:disabled){background:#5a6fd8;box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.auth-button-rectangular:disabled{animation:pulse 1.5s ease-in-out infinite;background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.form-grid .input-group-horizontal:nth-child(3),.form-grid .input-group-horizontal:nth-child(4),.form-grid .input-group-horizontal:nth-child(5),.form-grid .input-group-horizontal:nth-child(6){grid-column:span 2}@media (max-width:768px){.onboarding-container{padding:10px}.onboarding-form-rectangle{max-width:100%;padding:30px 20px}.rectangular-form{flex-direction:column;gap:30px}.form-left-column{flex:none;width:100%}.form-grid{gap:15px;grid-template-columns:1fr}.form-grid .input-group-horizontal:nth-child(3),.form-grid .input-group-horizontal:nth-child(4),.form-grid .input-group-horizontal:nth-child(5),.form-grid .input-group-horizontal:nth-child(6){grid-column:span 1}.avatar{height:120px;width:120px}.form-header h2{font-size:28px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.input-group-horizontal label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}
/*# sourceMappingURL=main.f3fc6c9b.css.map*/