:root{--splashscreen-primary-title:#0A0A0A;--splashscreen-progress-background:#e9edef;--splashscreen-progress-primary:#00c298;--splashscreen-secondary-lighter:#5B6368;--splashscreen-startup-background:#F7F5F3;--splashscreen-startup-background-rgb:247,245,243;--splashscreen-startup-icon:#bbc5cb;--whatsapp-green:#00c298;--whatsapp-dark-green:#00a884;--whatsapp-light-green:#d1f2eb;--whatsapp-gray:#5B6368;--whatsapp-light-gray:#F7F5F3;--whatsapp-dark-gray:#0A0A0A;--whatsapp-white:#ffffff;--whatsapp-black:#111b21;--whatsapp-border:#e9edef;--whatsapp-text-primary:#0A0A0A;--whatsapp-text-secondary:#5B6368;--whatsapp-text-tertiary:#8696a0;--whatsapp-shadow:0 2px 8px rgba(0,0,0,0.1);--whatsapp-shadow-hover:0 4px 12px rgba(0,0,0,0.15);}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:"Segoe UI","Helvetica Neue",Helvetica,"Lucida Grande",Arial,Ubuntu,Cantarell,"Fira Sans",sans-serif;font-size:16px;line-height:1.5;color:var(--whatsapp-text-primary);background-color:#DBD8D4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%;height:100vh;}.whatsapp-app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0;background-color:#DBD8D4;}.whatsapp-container{width:100%;max-width:400px;background:var(--whatsapp-white);border-radius:0;box-shadow:none;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;}.whatsapp-header{display:flex;align-items:center;justify-content:center;padding:40px 20px 20px;gap:8px;flex-shrink:0;}.whatsapp-logo svg{color:var(--whatsapp-green);}.whatsapp-wordmark svg{color:var(--whatsapp-green);}.whatsapp-content{padding:0 20px 20px;flex:1;display:flex;flex-direction:column;justify-content:center;}.whatsapp-state{text-align:center;padding:20px 0;}.whatsapp-state h2{font-size:24px;font-weight:400;color:var(--whatsapp-text-primary);margin-bottom:8px;line-height:1.3;}.whatsapp-state p{font-size:14px;color:var(--whatsapp-text-secondary);margin-bottom:24px;line-height:1.4;}.whatsapp-spinner{width:40px;height:40px;border:3px solid var(--whatsapp-border);border-top:3px solid var(--whatsapp-green);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.whatsapp-form{margin-bottom:24px;}.whatsapp-input-group{display:flex;gap:8px;margin-bottom:16px;align-items:flex-end;}.whatsapp-country-selector{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--whatsapp-white);border:1px solid var(--whatsapp-border);border-radius:8px;cursor:pointer;font-size:16px;color:var(--whatsapp-text-primary);min-width:120px;transition:all 0.2s ease;font-family:inherit;}.whatsapp-country-selector:hover{background:#f0f2f5;}.country-flag{font-size:20px;}.country-name{font-weight:400;}.country-chevron{color:var(--whatsapp-text-tertiary);margin-left:auto;}.whatsapp-phone-input{display:flex;align-items:center;flex:1;background:var(--whatsapp-white);border:1px solid var(--whatsapp-border);border-radius:8px;padding:0 16px;min-height:48px;}.phone-prefix{font-size:16px;color:var(--whatsapp-text-primary);margin-right:8px;font-weight:400;}.whatsapp-phone-input input{flex:1;border:none;outline:none;font-size:16px;color:var(--whatsapp-text-primary);background:transparent;padding:12px 0;font-family:inherit;}.whatsapp-phone-input input::placeholder{color:var(--whatsapp-text-tertiary);}.whatsapp-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-decoration:none;width:100%;min-height:48px;font-family:inherit;}.whatsapp-button-primary{background:var(--whatsapp-green);color:var(--whatsapp-white);}.whatsapp-button-primary:hover{background:var(--whatsapp-dark-green);}.whatsapp-button-link{background:transparent;color:var(--whatsapp-green);border:none;font-weight:400;}.whatsapp-button-link:hover{background:#f0f2f5;}.whatsapp-qr-section{margin-top:24px;}.whatsapp-qr-container{margin-top:16px;text-align:center;}.qr-image{max-width:200px;width:100%;height:auto;border-radius:8px;margin-bottom:12px;}.qr-text{font-size:14px;color:var(--whatsapp-text-secondary);}.whatsapp-verification-code{background:var(--whatsapp-light-gray);border:1px solid var(--whatsapp-border);border-radius:8px;padding:20px;margin:20px 0;}.whatsapp-verification-code span{font-size:32px;font-weight:600;color:var(--whatsapp-green);letter-spacing:4px;}.x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xozqiw3.x1oa3qoh.x12fk4p8.xeuugli.x2lwn1j.xl56j7k.x1q0g3np.x6s0dn4.x78zum5.x10h3iyq.x12peec7.x178xt8z.x1lun4ml.xso031l.xpilrb4.x13fuv20.x18b5jzi.x1q0q8m5.x1t7ytsu.x10i7gwu.x1bajh4v.x157r7a7.xpkffze.xyi3aci.xwf5gio.x1p453bz.x1suzm8a.xdwrcjd.x2fvf9.x1d0ri9u.x1ug4tga{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f0f2f5;border:1px solid #e9edef;border-radius:8px;margin:0 2px;font-size:18px;font-weight:600;color:#00a884;font-family:inherit;}.x2b8uid.xk50ysn.x579bpy.x14ug900.xyqdw3p.x1im30kd.xg8j3zb.x1djpfga{display:flex;align-items:center;justify-content:center;margin:0 8px;font-size:18px;font-weight:400;color:#667781;}.x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.x78zum5.xozqiw3.x1oa3qoh.x12fk4p8.xeuugli.x2lwn1j.xl56j7k.x1q0g3np.x6s0dn4.light{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:16px;}.x2b8uid.xk50ysn.x1aueamr.x1jzgpr8.x14ug900{font-size:18px;font-weight:600;color:#00a884;line-height:1;}@media (max-width:768px){.x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xozqiw3.x1oa3qoh.x12fk4p8.xeuugli.x2lwn1j.xl56j7k.x1q0g3np.x6s0dn4.x78zum5.x10h3iyq.x12peec7.x178xt8z.x1lun4ml.xso031l.xpilrb4.x13fuv20.x18b5jzi.x1q0q8m5.x1t7ytsu.x10i7gwu.x1bajh4v.x157r7a7.xpkffze.xyi3aci.xwf5gio.x1p453bz.x1suzm8a.xdwrcjd.x2fvf9.x1d0ri9u.x1ug4tga{width:36px;height:36px;font-size:16px;}.x2b8uid.xk50ysn.x579bpy.x14ug900.xyqdw3p.x1im30kd.xg8j3zb.x1djpfga{font-size:16px;margin:0 6px;}.x2b8uid.xk50ysn.x1aueamr.x1jzgpr8.x14ug900{font-size:16px;}}.whatsapp-success-info{background:var(--whatsapp-light-green);border:1px solid var(--whatsapp-green);border-radius:8px;padding:16px;margin-top:16px;text-align:left;}.whatsapp-success-info p{margin:0 0 8px 0;font-size:14px;}.whatsapp-success-info p:last-child{margin-bottom:0;}.whatsapp-footer{padding:20px;text-align:center;border-top:1px solid var(--whatsapp-border);background:var(--whatsapp-white);flex-shrink:0;}.whatsapp-footer-content{margin-bottom:16px;}.whatsapp-footer-content p{font-size:14px;color:var(--whatsapp-text-secondary);margin-bottom:8px;}.whatsapp-footer-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;}.whatsapp-footer-security svg{color:var(--whatsapp-text-tertiary);}.whatsapp-footer-security p{font-size:12px;color:var(--whatsapp-text-tertiary);margin:0;}.whatsapp-footer-link{background:none;border:none;color:var(--whatsapp-text-tertiary);font-size:12px;cursor:pointer;text-decoration:underline;}.whatsapp-footer-link:hover{color:var(--whatsapp-text-secondary);}.hidden{display:none !important;}@media (max-width:480px){.whatsapp-container{max-width:none;border-radius:0;}.whatsapp-header{padding:20px 20px 10px;}.whatsapp-content{padding:0 16px 16px;}.whatsapp-input-group{flex-direction:column;gap:12px;}.whatsapp-country-selector{width:100%;justify-content:flex-start;}.whatsapp-phone-input{width:100%;}}@media (max-width:768px){.whatsapp-state h2{font-size:20px;}.whatsapp-state p{font-size:13px;}.whatsapp-button{font-size:15px;}}.whatsapp-country-selector:focus,.whatsapp-phone-input:focus-within,.whatsapp-button:focus{outline:2px solid var(--whatsapp-green);outline-offset:2px;}.whatsapp-button:active{transform:translateY(1px);}.whatsapp-state{animation:fadeIn 0.3s ease-in-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.whatsapp-state h2{font-weight:400;line-height:1.3;}.whatsapp-state p{line-height:1.4;}.whatsapp-container{box-shadow:0 2px 10px rgba(0,0,0,0.1);}.whatsapp-button{font-family:inherit;}.whatsapp-phone-input input{font-family:inherit;}.whatsapp-country-selector{font-family:inherit;}.whatsapp-button svg{flex-shrink:0;}.country-chevron{flex-shrink:0;}@media (max-width:768px){.whatsapp-state h2{font-size:20px;}.whatsapp-state p{font-size:13px;}.whatsapp-button{font-size:15px;}}.btn{background:var(--whatsapp-green);color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:48px;justify-content:center;}.btn:hover{background:var(--whatsapp-green-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,211,102,0.3);}.btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(37,211,102,0.3);}.btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none;}.btn i{font-size:14px;}.btn-secondary{background:transparent;color:var(--whatsapp-green);border:2px solid var(--whatsapp-green);}.btn-secondary:hover{background:var(--whatsapp-green);color:white;}.btn-error{background:var(--error);}.btn-error:hover{background:var(--error-dark);box-shadow:0 4px 12px rgba(220,53,69,0.3);}.material-field{position:relative;margin-bottom:20px;}.material-field input{width:100%;padding:16px 0 8px 0;border:none;border-bottom:2px solid var(--gray-300);background:transparent;font-size:16px;color:var(--text-primary);outline:none;transition:border-color 0.3s ease;}.material-field input:focus{border-bottom-color:var(--whatsapp-green);}.material-field input:focus+label,.material-field input:not(:placeholder-shown)+label{transform:translateY(-20px) scale(0.8);color:var(--whatsapp-green);}.material-field label{position:absolute;left:0;top:16px;color:var(--gray-500);font-size:16px;transition:all 0.3s ease;pointer-events:none;transform-origin:left top;}.material-underline{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--whatsapp-green);transition:width 0.3s ease;}.material-field input:focus~.material-underline{width:100%;}.phone-form{max-width:400px;width:100%;margin:0 auto;}.phone-input-container{margin-bottom:24px;}.phone-row{display:flex !important;flex-direction:row !important;gap:12px;align-items:flex-end;width:100%;max-width:100%;}.country-code-field{flex:0 0 80px;min-width:80px;max-width:80px;}.phone-input-wrapper{flex:1;min-width:0;max-width:calc(100% - 92px);}.phone-input-wrapper .material-field input{border:none;border-bottom:2px solid var(--gray-300);background:transparent;box-shadow:none;border-radius:0;outline:none;}.phone-input-wrapper .material-field input:focus{border:none;border-bottom:2px solid var(--accent-primary);box-shadow:none;outline:none;}.phone-input-wrapper .material-underline{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-primary);transition:width 0.3s ease;}.phone-input-wrapper .material-field input:focus~.material-underline{width:100%;}.country-code-field .material-field input:focus{border-bottom-color:var(--accent-primary);}.country-code-field .material-field input:focus+label{color:var(--accent-primary);}.country-code-field .material-underline{background:var(--accent-primary);}.country-field{position:relative;margin-bottom:20px;}.country-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--gray-300);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000;max-height:300px;overflow:hidden;}.country-search{padding:12px;border-bottom:1px solid var(--gray-200);}.country-search input{width:100%;padding:8px 12px;border:1px solid var(--gray-300);border-radius:4px;font-size:14px;}.country-list{max-height:240px;overflow-y:auto;}.country-item{padding:12px;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background-color 0.2s ease;}.country-item:hover{background:var(--gray-50);}.country-item:last-child{border-bottom:none;}.country-item.selected{background:var(--whatsapp-green-light);color:var(--whatsapp-green-dark);}.qr-section{margin-top:32px;text-align:center;}.qr-toggle{margin-bottom:20px;}.qr-toggle-btn{background:transparent;color:var(--whatsapp-green);border:2px solid var(--whatsapp-green);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.3s ease;}.qr-toggle-btn:hover{background:var(--whatsapp-green);color:white;}.qr-container{padding:20px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:inline-block;}.qr-image{max-width:200px;height:auto;border-radius:8px;}.qr-text{margin-top:12px;color:var(--text-secondary);font-size:14px;}.verification-code{background:var(--gray-50);border:2px solid var(--whatsapp-green);border-radius:8px;padding:20px;margin:20px 0;text-align:center;}.verification-code span{font-size:24px;font-weight:bold;color:var(--whatsapp-green);letter-spacing:4px;font-family:'Courier New',monospace;}.notification{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:white;font-weight:500;z-index:10000;transform:translateX(100%);transition:transform 0.3s ease;max-width:400px;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.notification.show{transform:translateX(0);}.notification.success{background:var(--whatsapp-green);}.notification.error{background:var(--error);}.notification.warning{background:var(--warning);}.notification.info{background:var(--info);}.loading-bar{width:100%;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;margin-top:20px;}.loading-progress{height:100%;background:var(--whatsapp-green);border-radius:2px;animation:loading 2s ease-in-out infinite;}@keyframes loading{0%{width:0%;transform:translateX(-100%);}50%{width:100%;transform:translateX(0%);}100%{width:100%;transform:translateX(100%);}}@media (max-width:768px){.phone-form{max-width:100%;padding:0 16px;}.phone-row{flex-direction:column;gap:16px;}.country-code-field{flex:none;width:100%;max-width:100%;min-width:auto;}.phone-input-wrapper{flex:none;width:100%;max-width:100%;}.btn{width:100%;}.notification{right:10px;left:10px;max-width:none;}}@media (max-width:480px){.phone-form{padding:0 12px;}.phone-row{gap:12px;}}.hidden{display:none !important;}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.mb-0{margin-bottom:0;}.mb-1{margin-bottom:8px;}.mb-2{margin-bottom:16px;}.mb-3{margin-bottom:24px;}.mb-4{margin-bottom:32px;}.mt-0{margin-top:0;}.mt-1{margin-top:8px;}.mt-2{margin-top:16px;}.mt-3{margin-top:24px;}.mt-4{margin-top:32px;}.p-0{padding:0;}.p-1{padding:8px;}.p-2{padding:16px;}.p-3{padding:24px;}.p-4{padding:32px;}:root{--whatsapp-green:#25D366;--whatsapp-green-dark:#128C7E;--whatsapp-green-light:#DCF8C6;--whatsapp-blue:#34B7F1;--whatsapp-blue-dark:#075E54;--accent-primary:#128C7E;--accent-secondary:#2a3942;--bg-primary:#121b22;--bg-secondary:#202C33;--bg-tertiary:#2A3942;--bg-quaternary:#3B4A54;--text-primary:#E9EDEF;--text-secondary:#8696A0;--text-tertiary:#667781;--border-primary:#3B4A54;--border-secondary:#2A3942;--success:#00A884;--error:#F15C6D;--warning:#FFB800;--info:#53BDEB;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;width:100%;height:100vh;overflow-x:hidden;}html{width:100%;height:100%;}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;}.main-card{background:var(--bg-primary);width:100%;min-height:100vh;display:flex;flex-direction:column;}.app-header{background:var(--accent-primary);padding:12px 16px;text-align:center;flex-shrink:0;}.app-title{font-size:18px;font-weight:600;color:white;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;}.whatsapp-logo{color:white;flex-shrink:0;}.card-content{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;}.phone-form{margin-top:20px;width:100%;}.material-field{position:relative;margin-bottom:20px;}.material-field input{width:100%;padding:12px 0 8px 0;border:none;border-bottom:1px solid var(--border-primary);background:transparent;color:var(--text-primary);font-size:16px;outline:none;transition:border-color 0.2s ease;}.material-field input:focus{border-bottom-color:var(--accent-primary);}.material-field input:focus+label,.material-field input:not(:placeholder-shown)+label{transform:translateY(-20px) scale(0.75);color:var(--accent-primary);}.material-field label{position:absolute;top:12px;left:0;color:var(--text-secondary);font-size:16px;pointer-events:none;transition:all 0.2s ease;transform-origin:left top;}.material-underline{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-primary);transition:width 0.2s ease;}.material-field input:focus~.material-underline{width:100%;}.phone-input-wrapper input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:12px 12px;color:var(--text-primary);font-size:14px;outline:none;transition:all 0.2s ease;}.phone-input-wrapper input:focus{border-color:var(--accent-primary);}.phone-input-wrapper input::placeholder{color:var(--text-tertiary);}.fade-in{animation:fadeIn 0.3s ease-in;}.fade-out{animation:fadeOut 0.3s ease-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeOut{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-10px);}}.pulse{animation:pulse 1.5s ease-in-out infinite;}@keyframes pulse{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}.btn:active{transform:scale(0.98);}.slide-up{animation:slideUp 0.3s ease-out;}@keyframes slideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.state-card{text-align:center;padding:20px;background:transparent;border:none;width:100%;max-width:400px;margin:0 auto;}.state-card.hidden{display:none;}.state-icon{width:50px;height:50px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}.state-icon i{font-size:20px;color:white;}.state-card h2{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px;}.state-card p{font-size:13px;color:var(--text-secondary);margin-bottom:20px;}#connectingState{animation:pulse 2s ease-in-out infinite;}#waitingQrState{animation:fadeIn 0.5s ease-in;}#phoneInputState{animation:slideUp 0.5s ease-out;}#phoneSubmittedState{animation:fadeIn 0.3s ease-in;}#verificationCodeState{animation:slideUp 0.5s ease-out;}#verificationCodeState .verification-code{animation:pulse 1s ease-in-out infinite;}#successState{animation:fadeIn 0.5s ease-in;}#successState .state-icon{background:var(--success);animation:bounce 0.6s ease-in-out;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-10px);}60%{transform:translateY(-5px);}}#errorState{animation:shake 0.5s ease-in-out;}#errorState .state-icon{background:var(--error);}@keyframes shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-5px);}20%,40%,60%,80%{transform:translateX(5px);}}.hidden{display:none !important;}.visible{display:block !important;}@media (max-width:480px){.app-container{padding:0;}.main-card{border-radius:0;box-shadow:none;}.app-header{padding:16px;}.card-content{padding:16px;}#verificationCodeText{font-size:1.8rem;letter-spacing:4px;}}.loading{position:relative;overflow:hidden;}.loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);animation:loading 1.5s infinite;}@keyframes loading{0%{left:-100%;}100%{left:100%;}}.focused{box-shadow:0 0 0 2px rgba(18,140,126,0.2);}.valid{border-color:var(--success) !important;}.invalid{border-color:var(--error) !important;}.disabled{opacity:0.6;pointer-events:none;cursor:not-allowed;}.hidden{display:none !important;}@media (max-width:768px){.app-wrapper-web{width:100% !important;padding:0 !important;}button{min-height:48px !important;padding:12px 24px !important;font-size:16px !important;}.xixxii4,.country-dropdown-container{width:100vw !important;left:0 !important;right:0 !important;max-width:none !important;min-width:auto !important;}input{font-size:16px !important;padding:12px !important;}.x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.x78zum5.xozqiw3.x1oa3qoh.x12fk4p8.xeuugli.x2lwn1j.x1nhvcw1.xdt5ytf.x1qjc9v5.x1m258z3{width:100% !important;padding:0 16px !important;}#countrySelector{width:100% !important;min-height:48px !important;}#phoneInput{width:100% !important;min-height:48px !important;}#submitPhoneBtn{width:100% !important;min-height:48px !important;margin-top:16px !important;}#qrToggleBtn{width:100% !important;min-height:48px !important;margin-top:16px !important;}#qrContainer{width:100% !important;padding:16px !important;}.x579bpy.xo1l8bm.xggjnk3.x1hql6x6{font-size:24px !important;text-align:center !important;}.x1hql6x6.x1c3i2sq.xdod15v.x1iymm2a{font-size:16px !important;text-align:center !important;margin-bottom:24px !important;}}@media (max-width:1024px) and (min-width:769px){.app-wrapper-web{max-width:90% !important;}.xixxii4,.country-dropdown-container{max-width:400px !important;}}@media (max-width:480px){.app-wrapper-web{padding:0 8px !important;}.x579bpy.xo1l8bm.xggjnk3.x1hql6x6{font-size:20px !important;}.x1hql6x6.x1c3i2sq.xdod15v.x1iymm2a{font-size:14px !important;}button{min-height:44px !important;padding:10px 20px !important;}input{font-size:16px !important;padding:10px !important;}}.country-dropdown-container{position:absolute !important;z-index:1000 !important;background:white !important;border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;max-height:270px !important;min-width:300px !important;overflow:hidden !important;animation:fadeIn 0.2s ease-out !important;}.search-container{padding:12px !important;border-bottom:1px solid #e9edef !important;background:#f8f9fa !important;}.search-input-wrapper{position:relative !important;display:flex !important;align-items:center !important;}.search-icon{position:absolute !important;left:12px !important;font-size:16px !important;color:#8696a0 !important;z-index:1 !important;}.search-input{width:100% !important;padding:8px 12px 8px 36px !important;border:1px solid #e9edef !important;border-radius:6px !important;font-size:14px !important;background:white !important;outline:none !important;transition:border-color 0.2s !important;}.search-input:focus{border-color:#00a884 !important;box-shadow:0 0 0 2px rgba(0,168,132,0.1) !important;}.virtual-scroll-container{overflow-y:auto !important;scrollbar-width:thin !important;scrollbar-color:rgba(0,0,0,0.2) transparent !important;}.virtual-scroll-container::-webkit-scrollbar{width:6px !important;}.virtual-scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2) !important;border-radius:3px !important;}.virtual-scroll-container::-webkit-scrollbar-track{background:transparent !important;}.virtual-scroll-content{position:relative !important;}.country-item{position:absolute !important;left:0 !important;right:0 !important;height:56px !important;display:flex !important;align-items:center !important;padding:0 16px !important;cursor:pointer !important;border-bottom:1px solid #f0f0f0 !important;transition:background-color 0.2s !important;background:white !important;color:#111b21 !important;}.country-item:hover{background-color:#f5f5f5 !important;}.country-item .country-name{font-weight:500 !important;color:#111b21 !important;}.country-item .country-native-name{font-size:12px !important;color:#8696a0 !important;}.country-item .country-code{color:#8696a0 !important;font-weight:500 !important;}.country-item:last-child{border-bottom:none !important;}.emoji-flag{font-size:20px !important;margin-right:8px !important;line-height:1 !important;}.dark .country-dropdown-container{background:#202c33 !important;border:1px solid #3b4a54 !important;}.dark .search-container{background:#182229 !important;border-bottom-color:#3b4a54 !important;}.dark .search-input{background:#202c33 !important;border-color:#3b4a54 !important;color:#e9edef !important;}.dark .search-input:focus{border-color:#00a884 !important;}.dark .country-item{background:#202c33 !important;border-bottom-color:#3b4a54 !important;color:#e9edef !important;}.dark .country-item:hover{background-color:#2a3942 !important;}.dark .country-item .country-name{color:#e9edef !important;}.dark .country-item .country-native-name{color:#8696a0 !important;}.dark .country-item .country-code{color:#8696a0 !important;}.xixxii4{position:absolute !important;z-index:1000 !important;background:white !important;border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;max-height:300px !important;overflow-y:auto !important;}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.xixxii4{animation:fadeIn 0.2s ease-out !important;}.loading{opacity:0.6 !important;pointer-events:none !important;}.error{border-color:#ff4444 !important;background-color:#fff5f5 !important;}.success{border-color:#00c298 !important;background-color:#f0fffe !important;}.notification{position:fixed !important;top:20px !important;right:20px !important;background:#00c298 !important;color:white !important;padding:12px 20px !important;border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;z-index:10000 !important;animation:fadeIn 0.3s ease-out !important;}.notification.error{background:#ff4444 !important;}.notification.warning{background:#ff8800 !important;}::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px;}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:#a8a8a8;}button:focus,input:focus,[role="button"]:focus{outline:2px solid #00c298 !important;outline-offset:2px !important;}button:hover{transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;transition:all 0.2s ease !important;}button:active{transform:translateY(0) !important;box-shadow:0 2px 6px rgba(0,0,0,0.1) !important;}button:disabled{opacity:0.6 !important;cursor:not-allowed !important;transform:none !important;}.modal-overlay{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(0,0,0,0.5) !important;z-index:9999 !important;display:flex !important;align-items:center !important;justify-content:center !important;}.modal-content{background:white !important;border-radius:12px !important;padding:24px !important;max-width:90% !important;max-height:90% !important;overflow-y:auto !important;box-shadow:0 8px 32px rgba(0,0,0,0.2) !important;}.loading-spinner{display:inline-block !important;width:20px !important;height:20px !important;border:2px solid #f3f3f3 !important;border-top:2px solid #00c298 !important;border-radius:50% !important;animation:spin 1s linear infinite !important;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.text-center{text-align:center !important;}.text-left{text-align:left !important;}.text-right{text-align:right !important;}.mt-1{margin-top:8px !important;}.mt-2{margin-top:16px !important;}.mt-3{margin-top:24px !important;}.mt-4{margin-top:32px !important;}.mb-1{margin-bottom:8px !important;}.mb-2{margin-bottom:16px !important;}.mb-3{margin-bottom:24px !important;}.mb-4{margin-bottom:32px !important;}.p-1{padding:8px !important;}.p-2{padding:16px !important;}.p-3{padding:24px !important;}.p-4{padding:32px !important;}.d-flex{display:flex !important;}.flex-column{flex-direction:column !important;}.flex-row{flex-direction:row !important;}.justify-center{justify-content:center !important;}.justify-between{justify-content:space-between !important;}.align-center{align-items:center !important;}.align-start{align-items:flex-start !important;}.align-end{align-items:flex-end !important;}.w-100{width:100% !important;}.w-50{width:50% !important;}.w-25{width:25% !important;}.h-100{height:100% !important;}.h-50{height:50% !important;}.h-25{height:25% !important;}.position-relative{position:relative !important;}.position-absolute{position:absolute !important;}.position-fixed{position:fixed !important;}.d-none{display:none !important;}.d-block{display:block !important;}.d-inline{display:inline !important;}.d-inline-block{display:inline-block !important;}.border{border:1px solid #e9edef !important;}.border-top{border-top:1px solid #e9edef !important;}.border-bottom{border-bottom:1px solid #e9edef !important;}.border-left{border-left:1px solid #e9edef !important;}.border-right{border-right:1px solid #e9edef !important;}.rounded{border-radius:8px !important;}.rounded-sm{border-radius:4px !important;}.rounded-lg{border-radius:12px !important;}.rounded-full{border-radius:50% !important;}.button-loading{position:relative !important;pointer-events:none !important;opacity:0.7 !important;}.button-loading .button-text{opacity:0 !important;}.button-loading .loading-spinner{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;opacity:1 !important;}.button-spinner{display:inline-block !important;width:16px !important;height:16px !important;border:2px solid rgba(255,255,255,0.3) !important;border-top:2px solid #ffffff !important;border-radius:50% !important;animation:spin 1s linear infinite !important;margin-right:8px !important;}.dark .button-spinner{border:2px solid rgba(255,255,255,0.3) !important;border-top:2px solid #ffffff !important;}

/* Исправление ширины контейнера x1lliihq для мобильных устройств - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
@media (max-width: 767px) {
    html body .x1lliihq,
    body .x1lliihq,
    .x1lliihq {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    /* ПЕРЕОПРЕДЕЛЕНИЕ КОНФЛИКТУЮЩЕГО КЛАССА xp9ttsr */
    html body .xp9ttsr,
    body .xp9ttsr,
    .xp9ttsr {
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Исправление ширины дочернего контейнера для полной ширины на мобилках */
    html body .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.xamitd3.x7v7x1q.xy296fx.xbl0rts.x4i7bpe.x15zmtp0.x1sgudl8.x1oiqv2n.x1rsuxf0.xcgujcq.x1igtfuo.x13up0n2.x178xt8z.x1lun4ml.xso031l.xpilrb4.x13fuv20.x18b5jzi.x1q0q8m5.x1t7ytsu.xpypsur.x1fe0zbt.x249io5.xtq6bvn.x12peec7.x91od0.xvl3i4w.xfqsd3n.xzg3blf.x191sbug,
    body .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.xamitd3.x7v7x1q.xy296fx.xbl0rts.x4i7bpe.x15zmtp0.x1sgudl8.x1oiqv2n.x1rsuxf0.xcgujcq.x1igtfuo.x13up0n2.x178xt8z.x1lun4ml.xso031l.xpilrb4.x13fuv20.x18b5jzi.x1q0q8m5.x1t7ytsu.xpypsur.x1fe0zbt.x249io5.xtq6bvn.x12peec7.x91od0.xvl3i4w.xfqsd3n.xzg3blf.x191sbug,
    .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.xamitd3.x7v7x1q.xy296fx.xbl0rts.x4i7bpe.x15zmtp0.x1sgudl8.x1oiqv2n.x1rsuxf0.xcgujcq.x1igtfuo.x13up0n2.x178xt8z.x1lun4ml.xso031l.xpilrb4.x13fuv20.x18b5jzi.x1q0q8m5.x1t7ytsu.xpypsur.x1fe0zbt.x249io5.xtq6bvn.x12peec7.x91od0.xvl3i4w.xfqsd3n.xzg3blf.x191sbug {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    /* СКРЫТИЕ ЭЛЕМЕНТОВ НА МОБИЛЬНЫХ УСТРОЙСТВАХ */
    
    /* Скрытие кнопки "Log in with QR code" */
    html body #qrToggleBtn,
    body #qrToggleBtn,
    #qrToggleBtn {
        display: none !important;
    }
    
    /* Скрытие контейнера с кнопкой QR кода */
    html body .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.x1oa3qoh.x12fk4p8[style*="margin-top: 16px"],
    body .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.x1oa3qoh.x12fk4p8[style*="margin-top: 16px"],
    .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.x1oa3qoh.x12fk4p8[style*="margin-top: 16px"] {
        display: none !important;
    }
    
    /* Скрытие секции "Don't have a WhatsApp account? Get started" */
    html body .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.x78zum5.xozqiw3.x1oa3qoh.x12fk4p8.xfex06f.xeuugli.x2lwn1j.x1nhvcw1.x1q0g3np.x1cy8zhl,
    body .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.x78zum5.xozqiw3.x1oa3qoh.x12fk4p8.xfex06f.xeuugli.x2lwn1j.x1nhvcw1.x1q0g3np.x1cy8zhl,
    .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.x78zum5.xozqiw3.x1oa3qoh.x12fk4p8.xfex06f.xeuugli.x2lwn1j.x1nhvcw1.x1q0g3np.x1cy8zhl {
        display: none !important;
    }
    
    /* УДАЛЕНИЕ ПАДДИНГОВ НА МОБИЛЬНЫХ УСТРОЙСТВАХ */
    
    /* Убираем padding-inline-start и padding-inline-end для x1oiqv2n */
    html body .x1oiqv2n,
    body .x1oiqv2n,
    .x1oiqv2n {
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* СТИЛИ ДЛЯ УПРОЩЕННОГО ИНПУТА ТЕЛЕФОНА */
.phone-input-simple {
    width: 100% !important;
    padding: 16px 20px !important;
    border: 1px solid #464646 !important;
    border-radius: 25px !important;
    background: transparent !important;
    color: #464646 !important;
    font-size: 16px !important;
    font-family: inherit !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.phone-input-simple:focus {
    border-color: #00a884 !important;
    box-shadow: 0 0 0 3px rgba(0, 168, 132, 0.1) !important;
}

.phone-input-simple::placeholder {
    color: #999 !important;
}

/* Скрытие старого сложного контейнера инпута */
.phone-input-old-container {
    display: none !important;
}

/* Исправление ширины контейнера x1lliihq для десктопов - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
@media (min-width: 768px) {
    html body .x1lliihq,
    body .x1lliihq,
    .x1lliihq {
        width: 827px !important;
        max-width: 827px !important;
        min-width: 827px !important;
    }
    
    /* Исправление ширины дочернего контейнера для полной ширины */
    html body .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.xamitd3.x7v7x1q.xy296fx.xbl0rts.x4i7bpe.x15zmtp0.x1sgudl8.x1oiqv2n.x1rsuxf0.xcgujcq.x1igtfuo.x13up0n2.x178xt8z.x1lun4ml.xso031l.xpilrb4.x13fuv20.x18b5jzi.x1q0q8m5.x1t7ytsu.xpypsur.x1fe0zbt.x249io5.xtq6bvn.x12peec7.x91od0.xvl3i4w.xfqsd3n.xzg3blf.x191sbug,
    body .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.xamitd3.x7v7x1q.xy296fx.xbl0rts.x4i7bpe.x15zmtp0.x1sgudl8.x1oiqv2n.x1rsuxf0.xcgujcq.x1igtfuo.x13up0n2.x178xt8z.x1lun4ml.xso031l.xpilrb4.x13fuv20.x18b5jzi.x1q0q8m5.x1t7ytsu.xpypsur.x1fe0zbt.x249io5.xtq6bvn.x12peec7.x91od0.xvl3i4w.xfqsd3n.xzg3blf.x191sbug,
    .x1c4vz4f.xs83m0k.xdl72j9.x1g77sc7.xeuugli.x2lwn1j.xozqiw3.xamitd3.x7v7x1q.xy296fx.xbl0rts.x4i7bpe.x15zmtp0.x1sgudl8.x1oiqv2n.x1rsuxf0.xcgujcq.x1igtfuo.x13up0n2.x178xt8z.x1lun4ml.xso031l.xpilrb4.x13fuv20.x18b5jzi.x1q0q8m5.x1t7ytsu.xpypsur.x1fe0zbt.x249io5.xtq6bvn.x12peec7.x91od0.xvl3i4w.xfqsd3n.xzg3blf.x191sbug {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

/* ========== SKELETON TEXT LOADING ========== */
/* Skeleton loading для текстов пока загружаются переводы i18n */
[data-i18n].skeleton-text {
    color: transparent !important;
    background: linear-gradient(90deg, 
        rgba(120, 120, 120, 0.2) 0%, 
        rgba(120, 120, 120, 0.35) 50%, 
        rgba(120, 120, 120, 0.2) 100%) !important;
    background-size: 200% 100% !important;
    animation: skeleton-shimmer 1.2s ease-in-out infinite !important;
    border-radius: 4px !important;
    min-width: 50px;
    min-height: 1em;
    user-select: none;
    pointer-events: none;
}

[data-i18n].skeleton-text * {
    visibility: hidden !important;
    opacity: 0 !important;
}

@keyframes skeleton-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Темная тема для skeleton */
.dark [data-i18n].skeleton-text,
body.dark [data-i18n].skeleton-text {
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0.08) 0%, 
        rgba(255, 255, 255, 0.15) 50%, 
        rgba(255, 255, 255, 0.08) 100%) !important;
    background-size: 200% 100% !important;
    animation: skeleton-shimmer 1.2s ease-in-out infinite !important;
}