body{font-family:Roboto,sans-serif}.landing-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#f1f5f9);color:#1e293b;overflow-x:hidden;position:relative}.animated-background{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.blob{position:absolute;width:384px;height:384px;border-radius:50%;mix-blend-mode:multiply;filter:blur(40px);animation:blob 7s infinite;opacity:.3}.blob-1{top:25%;left:25%;background:#bfdbfe}.blob-2{top:33%;right:25%;background:#e2e8f0;animation-delay:2s}.blob-3{bottom:25%;left:33%;background:#c7d2fe;animation-delay:4s}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.custom-cursor{position:fixed;width:16px;height:16px;background:#2563eb;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .1s ease-out}.navbar{background:#fffc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.2);box-shadow:0 1px 3px #0000001a;color:#1e293b!important}.navbar .MuiToolbar-root{padding:16px 24px!important;min-height:80px!important}.logo-container{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:0 4px 6px #0000001a}.logo-container svg{color:#fff;font-size:24px}.logo-text{font-weight:700!important;color:#1e293b!important}.nav-button{color:#64748b!important;font-weight:500!important;margin:0 8px!important;transition:all .3s ease!important}.nav-button:hover{color:#2563eb!important;transform:scale(1.05)}.login-button{background:#2563eb!important;color:#fff!important;font-weight:600!important;padding:8px 24px!important;border-radius:8px!important;transition:all .3s ease!important;box-shadow:0 4px 6px #0000001a!important}.login-button:hover{background:#1d4ed8!important;transform:scale(1.05);box-shadow:0 8px 15px #0003!important}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:80px;position:relative;z-index:1}.hero-content{animation:fadeInUp 1s ease-out}.hero-title{font-size:4rem!important;font-weight:700!important;line-height:1.2!important;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px!important}.hero-subtitle{font-size:2rem!important;font-weight:600!important;line-height:1.4!important;color:#475569!important;margin-bottom:32px!important}.highlight{color:#2563eb;font-weight:700}.cta-button{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;padding:16px 32px!important;font-size:1.125rem!important;font-weight:600!important;border-radius:12px!important;transition:all .3s ease!important;box-shadow:0 8px 25px #2563eb4d!important}.cta-button:hover{transform:scale(1.05);box-shadow:0 12px 35px #2563eb66!important}.hero-card-container{position:relative;animation:float 6s ease-in-out infinite}.hero-card{background:#ffffffb3!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2)!important;border-radius:24px!important;box-shadow:0 25px 50px #0000001a!important;padding:32px!important}.trend-icon{color:#059669;font-size:24px}.balance-amount{color:#059669!important;font-weight:700!important}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{width:75%;height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;animation:pulse 2s infinite}.mini-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important}.stocks-amount{color:#2563eb!important;font-weight:600!important}.bonds-amount{color:#475569!important;font-weight:600!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-section{padding:80px 0;background:#ffffff80;position:relative;z-index:1;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.about-section.visible{opacity:1;transform:translateY(0)}.about-image-container{position:relative}.about-image{width:100%;height:400px;object-fit:cover;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 25px 50px #0000001a}.floating-icon{position:absolute;top:-24px;right:-24px;width:96px;height:96px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;display:flex;align-items:center;justify-content:center;animation:bounce 2s infinite;box-shadow:0 8px 25px #2563eb4d}.floating-icon svg{color:#fff;font-size:48px}.section-title{font-size:2.5rem!important;font-weight:700!important;color:#1e293b!important;margin-bottom:24px!important}.section-description{color:#64748b!important;line-height:1.6!important;font-weight:400!important}.feature-card{background:#fffc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2)!important;border-radius:16px!important;padding:32px!important;transition:all .5s ease!important;height:100%}.feature-card:hover{transform:scale(1.05);box-shadow:0 25px 50px #00000026!important;border-color:#3b82f6!important}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s ease}.feature-icon-blue{background:#dbeafe;color:#2563eb}.feature-icon-green{background:#dcfce7;color:#059669}.feature-icon-slate{background:#f1f5f9;color:#475569}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-title{font-weight:600!important;color:#1e293b!important;margin-bottom:16px!important}.feature-description{color:#64748b!important;line-height:1.6!important}.features-container{display:flex;align-items:center;gap:0}.features-section{width:100%;padding:80px 0;position:relative;z-index:1;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.features-section.visible{opacity:1;transform:translateY(0)}.main-feature-card{background:#fffc!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2)!important;border-radius:24px!important;padding:32px!important;transition:all .5s ease!important;height:100%}.main-feature-card:hover{transform:scale(1.05);box-shadow:0 25px 50px #00000026!important}.main-feature-icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s ease;box-shadow:0 8px 25px #0000001a}.main-feature-icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.main-feature-icon-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.main-feature-icon-slate{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.main-feature-icon-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.main-feature-card:hover .main-feature-icon{transform:scale(1.1) rotate(3deg)}.main-feature-title{font-weight:700!important;color:#1e293b!important;margin-bottom:16px!important;transition:all .3s ease!important}.main-feature-card:hover .main-feature-title{color:#2563eb!important}.main-feature-description{color:#64748b!important;line-height:1.6!important;margin-bottom:24px!important}.feature-preview{height:128px;background:#f1f5f9;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s ease}.feature-preview-large{height:200px;background:#f1f5f9;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;margin-top:16px}.feature-preview-large .preview-image{width:100%;height:100%;object-fit:contain;opacity:.8;transition:opacity .3s ease}.main-feature-card:hover .preview-image{opacity:1}.footer-section{padding:80px 0;background:#1e293b;color:#fff;position:relative;z-index:1;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.footer-section.visible{opacity:1;transform:translateY(0)}.footer-title{font-weight:700!important;color:#fff!important;margin-bottom:16px!important}.footer-description{color:#cbd5e1!important;margin-bottom:32px!important}.contact-info{margin:32px 0}.contact-icon{color:#3b82f6;margin-right:12px}.social-section{margin-top:32px}.social-title{font-weight:600!important;color:#fff!important;margin-bottom:16px!important}.social-links{display:flex;gap:16px}.social-button{background:#334155!important;color:#fff!important;width:48px!important;height:48px!important;border-radius:12px!important;transition:all .3s ease!important}.social-button:hover{background:#475569!important;transform:scale(1.1)}.newsletter-section{padding-left:32px}.newsletter-title{font-weight:700!important;color:#fff!important;margin-bottom:16px!important}.newsletter-description{color:#cbd5e1!important;margin-bottom:24px!important}.newsletter-form{display:flex;gap:16px;align-items:flex-start}.email-input{flex:1}.email-input .MuiOutlinedInput-root{background:#334155;border-radius:12px}.email-input .MuiOutlinedInput-root fieldset{border-color:#475569}.email-input .MuiOutlinedInput-root:hover fieldset,.email-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6}.email-input .MuiOutlinedInput-input{color:#fff}.email-input .MuiOutlinedInput-input::placeholder{color:#94a3b8;opacity:1}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-button:disabled,.cta-button:disabled{opacity:.7;cursor:not-allowed}.send-button{background:#2563eb!important;color:#fff!important;padding:16px 32px!important;border-radius:12px!important;font-weight:600!important;transition:all .3s ease!important}.send-button:hover{background:#1d4ed8!important;transform:scale(1.05)}@media (max-width: 768px){.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.5rem!important}.section-title{font-size:2rem!important}.newsletter-form{flex-direction:column}.newsletter-section{padding-left:0;margin-top:32px}}::-webkit-scrollbar-track{background:#94a3b81a}.register-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.register-background{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.register-blob{position:absolute;width:400px;height:400px;border-radius:50%;mix-blend-mode:multiply;filter:blur(40px);animation:registerBlob 8s infinite;opacity:.4}.register-blob-1{top:15%;left:15%;background:#10b981}.register-blob-2{top:50%;right:15%;background:#2563eb;animation-delay:2s}.register-blob-3{bottom:15%;left:35%;background:#6366f1;animation-delay:4s}@keyframes registerBlob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.register-container{position:relative;z-index:1;width:100%;max-width:480px;padding:24px}.register-card{background:#ffffff1a!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)!important;border-radius:24px!important;box-shadow:0 25px 50px #0000004d!important;animation:registerCardSlideIn .8s ease-out}@keyframes registerCardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-card-content{padding:48px 40px!important}.register-header{text-align:center;margin-bottom:40px}.register-logo{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 25px #10b9814d;animation:registerLogoFloat 3s ease-in-out infinite}@keyframes registerLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.register-title{color:#fff!important;font-weight:700!important;margin-bottom:8px!important;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-subtitle{color:#ffffffb3!important;font-weight:400!important}.register-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.password-field{display:flex;flex-direction:column;gap:12px}.password-strength{padding:0 4px}.register-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:registerSpin 1s linear infinite}@keyframes registerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-divider{margin:32px 0!important;border-color:#fff3!important}.login-section{text-align:center}.login-text{color:#ffffffb3!important}.login-link{color:#10b981!important;text-decoration:none!important;font-weight:600!important;transition:all .3s ease!important}.login-link:hover{color:#34d399!important;text-decoration:underline!important}@media (max-width: 768px){.register-container{max-width:400px;padding:16px}.register-card-content{padding:32px 24px!important}.register-title{font-size:2rem!important}.register-subtitle{font-size:1rem!important}}@media (max-width: 480px){.register-container{max-width:360px}.register-card-content{padding:24px 20px!important}.register-logo{width:60px;height:60px}.register-title{font-size:1.75rem!important}}.register-card:hover{transform:translateY(-5px);box-shadow:0 35px 70px #0006!important;transition:all .3s ease}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#10b981,#059669);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#059669,#047857)}.navBar-container{background-color:#1a1c22;width:18%;min-height:100vh;display:flex;gap:2em;padding-top:2em;flex-direction:column;align-items:center}.navBar-container>img{max-width:200px;max-height:200px}.menu{display:flex;flex-direction:column;gap:10px;justify-content:center}.menu>li{padding:30px;text-decoration:none;color:#a9a9a9;font-family:Poppins,sans-serif;font-weight:400;font-style:normal;display:flex;gap:2em}.phone-navigation{display:none}@media (max-width: 1200px) and (max-height: 1367px){.navBar-container{width:20%}.menu{gap:2em}}@media (max-width: 450px) and (max-height: 950px){.navBar-container{padding:20px;align-items:center;min-height:0;height:100%;width:100%}.navBar-container>img{display:none}.menu{display:grid;grid-template-columns:repeat(2,1fr);gap:0em}.menu>li{gap:1em}.phone-navigation{display:flex;justify-content:space-between;padding:1em 1em 0;width:100%}.card-header-nb{display:flex;align-items:center;gap:1em;color:#fff}.card-header-nb h1{font-size:18px}.phone-navigation-right{display:flex;align-items:center;gap:1em}.card-picture{width:50px;height:50px;border-radius:50%;background-size:cover;background-repeat:no-repeat}}.modern-profile-container{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e0e7ff,#e0f2fe);position:relative}.modern-header{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:16px 0;position:sticky;top:0;z-index:10}.back-button{margin-left:5%!important;transition:all .3s ease!important}.back-button:hover{transform:translate(-4px)!important;background-color:#6366f11a!important}.profile-content{max-width:1000px;margin:0 auto;padding:32px 16px}.profile-header-card{background:linear-gradient(135deg,#6366f1,#8b5cf6,#3b82f6);border-radius:24px;padding:48px;margin-bottom:32px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative}.profile-header-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.profile-header-content{display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;z-index:1}.profile-picture-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.profile-picture-container{position:relative;width:140px;height:140px;cursor:pointer;transition:all .3s ease}.profile-picture-container:hover{transform:scale(1.05)}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0000004d}.profile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.profile-picture-container:hover .profile-overlay{opacity:1}.status-chip{box-shadow:0 4px 12px #10b98166!important}.user-info-section{text-align:center;color:#fff}.user-name{font-size:3rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.user-email{font-size:1.25rem;margin:0 0 24px;color:#fffc}.user-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.premium-badge,.verified-badge{background-color:#fff3!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;font-weight:600!important}.personal-details-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:48px;margin-bottom:32px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.card-header{margin-bottom:48px;text-align:center}.section-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 8px}.section-subtitle{font-size:1.125rem;color:#64748b;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.form-field{display:flex;flex-direction:column;gap:12px}.field-label{display:flex;align-items:center;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.field-input{display:flex!important;align-items:center!important;border-radius:16px!important;transition:all .3s ease!important;border:2px solid transparent!important}.field-input.editing{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important;background-color:#fff!important}.action-button{transition:all .3s ease!important}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.info-card{padding:32px;border-radius:20px;box-shadow:0 10px 25px #0000001a;transition:all .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.success-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.info-card-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.info-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.info-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.success-icon{background:#10b981}.blue-icon{background:#3b82f6}.info-card h3{font-size:1.25rem;font-weight:700;margin:0;color:#1e293b}.info-card p{margin:0;color:#64748b;line-height:1.6}@media (max-width: 768px){.profile-header-card{padding:32px 24px;margin:16px}.profile-header-content{gap:24px}.user-name{font-size:2rem}.personal-details-card{padding:32px 24px;margin:16px}.form-grid{grid-template-columns:1fr;gap:24px}.section-title{font-size:2rem}.profile-content{padding:16px}}@media (max-width: 480px){.profile-picture-container{width:120px;height:120px}.user-name{font-size:1.75rem}.user-email{font-size:1rem}.info-cards-grid{grid-template-columns:1fr}.info-card{padding:24px}}.login-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-background{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.login-blob{position:absolute;width:400px;height:400px;border-radius:50%;mix-blend-mode:multiply;filter:blur(40px);animation:loginBlob 8s infinite;opacity:.4}.login-blob-1{top:20%;left:20%;background:#2563eb}.login-blob-2{top:60%;right:20%;background:#1e40af;animation-delay:2s}.login-blob-3{bottom:20%;left:40%;background:#3b82f6;animation-delay:4s}@keyframes loginBlob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.login-container{position:relative;z-index:1;width:100%;max-width:450px;padding:24px}.login-card{background:#ffffff1a!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)!important;border-radius:24px!important;box-shadow:0 25px 50px #0000004d!important;animation:loginCardSlideIn .8s ease-out}@keyframes loginCardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card-content{padding:48px 40px!important}.login-header{text-align:center;margin-bottom:40px}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 25px #2563eb4d;animation:loginLogoFloat 3s ease-in-out infinite}@keyframes loginLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{color:#fff!important;font-weight:700!important;margin-bottom:8px!important;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:#ffffffb3!important;font-weight:400!important}.login-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.input-icon{color:#ffffff80}.error-alert{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:12px!important;color:#fca5a5!important}.login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:loginSpin 1s linear infinite}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-divider{margin:32px 0!important;border-color:#fff3!important}.register-section{text-align:center}.register-text{color:#ffffffb3!important}.register-link{color:#3b82f6!important;text-decoration:none!important;font-weight:600!important;transition:all .3s ease!important}.register-link:hover{color:#60a5fa!important;text-decoration:underline!important}.back-button{transition:all .3s ease!important}@media (max-width: 768px){.login-container{max-width:380px;padding:16px}.login-card-content{padding:32px 24px!important}.login-title{font-size:2rem!important}.login-subtitle{font-size:1rem!important}}@media (max-width: 480px){.login-container{max-width:340px}.login-card-content{padding:24px 20px!important}.login-logo{width:60px;height:60px}.login-title{font-size:1.75rem!important}}.login-card:hover{transform:translateY(-5px);box-shadow:0 35px 70px #0006!important;transition:all .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#2563eb,#1d4ed8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#1d4ed8,#1e40af)}.container-root{display:flex;background-color:#282c35;min-height:100vh}.content-section{min-height:100vh;overflow:hidden;width:100%}@media (max-width: 450px) and (max-height: 950px){.container-root{display:flex;flex-direction:column;width:100%}}*{margin:0;padding:0;box-sizing:border-box}