form div{display:flex;flex-direction:column}label{color:#000;font-weight:700;margin-bottom:5px}input{border:1px solid #28c9bc;border-radius:6px;font-size:1rem;outline:none;padding:10px}input:focus{border-color:#40b99b;box-shadow:0 0 0 2px #4b6cb733}form button[type=button]{align-self:flex-start;background-color:initial;background-color:#31a58a;border:1px;color:#fff;cursor:pointer;font-weight:700;height:50%;margin-top:5px;padding:0;width:20%}form button[type=button]:hover{text-decoration:underline}form button[type=submit]{background-color:#73b2b9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px;transition:background-color .3s ease-in-out}form button[type=submit]:hover{background-color:#46d9cb}p{font-size:.95rem}p a{color:#4b6cb7;text-decoration:none}p a:hover{text-decoration:underline}Global Styling body{align-items:center;background-color:#f4f4f4;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.forgot{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;justify-content:center;max-width:400px;padding:40px;width:100%}h2{color:#333;margin-bottom:20px;text-align:center}form{gap:15px}input[type=email]{border:1px solid #ddd;border-radius:4px;font-size:16px;outline:none;padding:12px;transition:border-color .3s ease}input[type=email]:focus{border-color:#4caf50}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}button:hover{background-color:#45a049}p{color:#333;font-size:14px;text-align:center}p[style]{color:red}@media (max-width:480px){div{max-width:90%;padding:20px}button,input[type=email]{font-size:14px}}.center-container{align-items:center;background-color:#f4f4f9;display:flex;height:100vh;justify-content:center}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:2rem 3rem;text-align:center;width:100%}.form-container h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.form-container input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:1rem;margin:10px 0;padding:12px;transition:border .3s ease;width:100%}.form-container input:focus{border-color:#007bff;outline:none}.form-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:12px;transition:background-color .3s ease;width:100%}.form-container button:hover{background-color:#0056b3}.form-container p{color:#e63946;font-size:.9rem;margin-top:1rem}.hero{align-items:center;background:#f5f5f5;display:flex;height:90vh;justify-content:center;position:relative}.hero-overlay{background:#0009;color:#fff;padding:3rem;text-align:center;width:100%}.cta-button{background-color:#f1c40f;border-radius:8px;color:#002d62;font-weight:700;margin-top:1rem;padding:.75rem 2rem;transition:background-color .3s ease}.cta-button:hover{background-color:#d4ac0d}.architecture{background-color:#eef3f7;padding:4rem 2rem;text-align:center}.video-container{margin:0 auto;max-width:800px}.video-container video{border-radius:12px;margin:1rem 0;width:100%}.services-section{background-color:#fff;padding:4rem 2rem;text-align:center}.service-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem}.service-card{background-color:#f1f1f1;border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:2rem;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.ebanking-section{align-items:center;background:linear-gradient(135deg,#f4f8fb,#e6f0ff);display:flex;justify-content:space-between;overflow:hidden;padding:6rem 5%;position:relative}.ebanking-content{flex:1 1;max-width:600px;position:relative;z-index:2}.title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0a1f44,#06f);-webkit-background-clip:text;background-clip:text;color:#0a1f44;font-size:3.5rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:1.5rem;text-transform:uppercase}.description{color:#444;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;max-width:90%}.features-list{list-style:none;margin-bottom:3rem;padding-left:0}.features-list li{color:#222;font-size:1.1rem;font-weight:500;margin-bottom:1.2rem;padding-left:2rem;position:relative}.features-list li:before{color:#06f;content:"✓";font-size:1.3rem;font-weight:700;left:0;position:absolute;top:0}.cta-link{background-color:#06f;border:2px solid #0000;border-radius:50px;box-shadow:0 4px 15px #0066ff4d;color:#fff;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:1px;padding:1rem 2.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-link:hover{background-color:#fff;border-color:#06f;box-shadow:0 6px 20px #06f6;color:#06f;transform:translateY(-3px)}.ebanking-image{flex:1 1;max-width:500px;position:relative;z-index:1}.ebanking-image img{border-radius:12px;box-shadow:0 25px 50px -12px #00000040;transform:perspective(1000px) rotateY(-10deg);transition:transform .5s ease;width:100%}.ebanking-image:hover img{transform:perspective(1000px) rotateY(-5deg)}.ebanking-section:before{background:radial-gradient(circle,#0066ff1a 0,#06f0 70%);content:"";height:300px;position:absolute;right:-100px;top:-100px;width:300px;z-index:0}@media (max-width:480px){.ebanking-section{flex-direction:column-reverse;padding:4rem 2rem;text-align:center}.title{font-size:2.5rem}.description{max-width:100%}.ebanking-image{margin-bottom:3rem;max-width:100%}.ebanking-image img{transform:none}}.footerContainer{background:linear-gradient(180deg,#7abda8 0,#7bb5ca 50%,#5c9b77);border-top-left-radius:10px;border-top-right-radius:10px;color:#000;padding:30px 0 10px;text-align:center}.footerContent{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;text-align:left}.section{color:#fff;flex:1 1 200px;min-width:220px}.section h4{border-bottom:1px solid #0b0707;font-size:1.2rem;margin-bottom:10px;padding-bottom:4px}.section ul{list-style:none;padding-left:0}.section ul li{margin-bottom:8px}.section ul li a{color:#fff;font-size:.95rem;text-decoration:none}.section ul li a:hover{text-decoration:underline}form{display:flex;flex-direction:column;gap:10px}form input[type=email]{border:none;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px;width:100%}form button{background-color:#2b9747;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:background-color .3s ease}form button:hover{background-color:#285a7b}.section p{font-size:.95rem}.footerBottom{color:#222;font-size:.85rem;margin-left:auto;margin-right:auto;margin-top:20px;max-width:1200px;padding:10px 20px 0;position:relative}.footerBottom:before{background-color:#444;content:"";height:1px;left:20px;position:absolute;right:20px;top:0}@media (max-width:480px){.footerContent{flex-direction:column;text-align:left}.section,form button,form input{width:100%}}.eb-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7abda8,#7bb5ca 50%,#5c9b77);border-bottom:1px solid #ffffff1a;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 4px 20px #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.eb-header.scrolled{background:linear-gradient(135deg,#7abda8f2,#7bb5caf2 50%,#5c9b77f2);box-shadow:0 8px 32px #00000026}.eb-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem;position:relative}@media (max-width:480px){.eb-container{align-items:center;display:flex;justify-content:space-between}}.eb-logo{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#fff,#e8f5f0);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:2rem;font-weight:800;margin:0;overflow:hidden;position:relative;text-shadow:2px 2px 4px #0000004d}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.eb-logo:before{animation:shine 4s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}to{left:100%}}.eb-nav{gap:2rem}.eb-nav,.nav-link{align-items:center;display:flex;transition:all .3s ease}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:25px;color:#fff;font-size:1rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none}.nav-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.nav-link svg{font-size:.9rem;transition:transform .3s ease}.nav-link:hover svg{transform:scale(1.1) rotate(5deg)}.login-btn{background:#fff3!important;border:2px solid #ffffff4d!important;font-weight:600!important}.login-btn:hover{background:#ffffff40!important;border-color:#fff6!important}.register-btn{background:linear-gradient(45deg,#ffffff40,#ffffff26)!important;border:2px solid #fff6!important;box-shadow:0 4px 15px #0000001a!important;font-weight:600!important}.register-btn:hover{background:linear-gradient(45deg,#ffffff59,#ffffff40)!important;box-shadow:0 6px 20px #00000026!important}.menu-icon{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.menu-icon:hover{background:#fff3;transform:scale(1.1)}.mobile-nav{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#7abda8fa,#7bb5cafa 50%,#5c9b77fa);bottom:0;gap:2rem;left:0;position:fixed;right:0;top:0;z-index:999}.eb-nav.mobile-nav,.mobile-nav{align-items:center;flex-direction:column;justify-content:center}.eb-nav.mobile-nav{display:flex!important;height:100vh}@media (max-width:768px){.eb-nav{display:none}.eb-nav.mobile-nav{display:flex;position:fixed}}@keyframes slideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-nav .nav-link{animation:fadeInUp .5s ease forwards;font-size:1.25rem;justify-content:center;opacity:0;padding:1rem 2rem;text-align:center;transform:translateY(30px);width:80%}.mobile-nav .nav-link:first-child{animation-delay:.1s}.mobile-nav .nav-link:nth-child(2){animation-delay:.2s}.mobile-nav .nav-link:nth-child(3){animation-delay:.3s}.mobile-nav .nav-link:nth-child(4){animation-delay:.4s}.mobile-nav .nav-link:nth-child(5){animation-delay:.5s}.mobile-nav .nav-link:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.eb-container{padding:1rem}.eb-logo{font-size:1.5rem}.eb-nav{display:none}.menu-icon{display:block}}.particle{animation:float 6s linear infinite;background:#ffffff4d;border-radius:50%;height:4px;pointer-events:none;position:absolute;width:4px}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.eb-header:after{animation:twinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(circle at 20% 50%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 40% 20%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 90% 30%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 70% 80%,#ffffff1a 1px,#0000 0);background-size:200px 200px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes twinkle{0%{opacity:.3}to{opacity:.8}}.notification-container{display:inline-block;position:relative}.notification-icon{color:#333;cursor:pointer;font-size:24px}.notification-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #0000001a;padding:10px;position:absolute;right:0;top:30px;width:250px;z-index:1000}.notification-dropdown h3{border-bottom:1px solid #ddd;font-size:16px;margin:0;padding:10px}.notification-dropdown ul{list-style:none;margin:0;padding:0}.notification-dropdown li{border-bottom:1px solid #ddd;padding:8px 12px}.notification-dropdown li:last-child{border-bottom:none}.notification-dropdown p{padding:10px;text-align:center}.header-container{background:linear-gradient(135deg,#e0f7fa,#80deea 25%,#4db6ac 50%,#26a69a 75%,#009688);border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;height:80px;padding:0 20px;position:fixed;top:0;z-index:1000}.header-container,.header-content{align-items:center;display:flex;width:100%}.header-content{flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.header-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:1px 1px 3px #0000004d;white-space:nowrap}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.logout-button,.mode-toggle{border:none;border-radius:25px;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .3s ease}.mode-toggle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff26;border:1px solid #fff3;color:#fff}.mode-toggle:hover{background-color:#ffffff40}.logout-button{background-color:#41ca61;color:#fff;font-weight:600}.logout-button:hover{background-color:#3ab955;transform:translateY(-1px)}@media (max-width:768px){.header-container{height:auto;padding:10px 15px}.header-title{font-size:1.5rem;width:100%}.header-content{align-items:flex-start;flex-direction:column}.header-actions{gap:10px;justify-content:flex-end;margin-top:5px;width:100%}.logout-button,.mode-toggle{font-size:.9rem;padding:6px 15px}}@media (max-width:480px){.header-title{font-size:1.2rem;margin-bottom:5px}.mode-toggle{display:none}.header-actions{gap:8px;justify-content:space-between}}.sidebar-container{background:linear-gradient(180deg,#f5f7fa 0,#c3cfe2 50%,#a1c4b0);border-radius:10px;box-shadow:2px 0 10px #0000001a;color:#fff;height:71vh;margin-right:10px;margin-top:101px;overflow-y:auto;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s ease;width:395px;z-index:100}.sidebar-Sections{display:flex;flex-direction:column;gap:20px}.section-title{color:#1acb81;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:10px;padding:0 20px;text-transform:uppercase}.buttons-container{display:flex;flex-direction:column;gap:8px;padding:0 15px}.sidebar-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#070808;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 15px;text-align:left;transition:all .2s ease}.sidebar-button:hover{background:#62b96b1a;color:#fff}.sidebar-button:active{transform:scale(.98)}.button-icon{color:#67a680;font-size:16px}.error-message{background:#fff5f5;border-radius:4px;color:#e53e3e;font-size:13px;margin-bottom:15px;padding:8px}@media screen and (max-width:480px){.sidebar-container{border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:2px 0 10px #0003;height:74vh;left:auto;margin-top:90px;padding:10px 0;right:0;top:0;width:100px}.sidebar-Sections{gap:10px}.section-title{display:none}.buttons-container{padding:0 5px}.sidebar-button{align-items:center;flex-direction:column;font-size:0;justify-content:center;padding:8px 0}.sidebar-button .button-icon{color:#1acb81;font-size:20px}.sidebar-button:hover{background:#62b96b33}}@media screen and (max-width:768px){.sidebar-container{border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:2px 0 10px #0003;height:74vh;left:auto;margin-top:90px;padding:10px 0;right:0;top:0;width:100px}.sidebar-Sections{gap:10px}.section-title{display:none}.buttons-container{padding:0 5px}.sidebar-button{align-items:center;flex-direction:column;font-size:0;justify-content:center;padding:8px 0}.sidebar-button .button-icon{color:#1acb81;font-size:20px}.sidebar-button:hover{background:#62b96b33}}.welcome-section{border-bottom:1px solid #eaeaea;margin-bottom:2.5rem;padding-bottom:1.5rem}.welcome-section h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.welcome-section .subtitle{color:#7f8c8d;font-size:1.1rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(10px,1fr))}.dashboard-card{background:#fff;border-radius:10px;box-shadow:0 2px 15px #0000000d;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 5px 25px #0000001a;transform:translateY(-5px)}.dashboard-card h2{align-items:center;color:#34495e;display:flex;font-size:1.3rem;margin-bottom:1.5rem}.card-icon{color:#3498db;margin-right:10px}.card-content{display:flex;flex-direction:column;gap:1rem}.info-row{justify-content:space-between}.info-label,.info-row{align-items:center;display:flex}.info-label{color:#7f8c8d;font-weight:500;gap:8px}.info-value{color:#2c3e50;font-weight:600}.user-overview.error,.user-overview.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:#e74c3c;font-size:1.1rem}.contain{box-sizing:border-box;margin-right:22rem;margin-top:20px;max-width:850px;min-width:600px;padding:0;width:100%}.overview{background:linear-gradient(180deg,#f5f7fa 0,#c3cfe2 50%,#a1c4b0);border-radius:12px;box-shadow:4px 4px 20px #00000014;height:400px;margin-right:1rem;min-height:65vh;padding:2.5rem;width:90%}@media (max-width:480px){.contain{margin:0!important;padding:0 1rem!important;width:95%!important}.overview{padding:1.5rem!important;width:102%!important}}.transfer-form{background-color:#ffffffee;border-radius:10px;box-shadow:0 6px 20px #0000001a;margin:0 auto;max-width:500px;padding:2rem}.transfer-form h2{color:#333;font-size:1.75rem;margin-bottom:1.5rem;text-align:center}.transfer-form label{color:#333;display:block;font-weight:500;margin-bottom:1rem}.transfer-form input{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-top:.3rem;padding:.6rem;width:100%}.error-message{color:red;font-weight:500;margin-bottom:1rem}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.primary-button,.secondary-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;padding:.6rem}.primary-button{background-color:#4caf50;color:#fff}.secondary-button{background-color:#f44336;color:#fff}.primary-button:disabled{background-color:#9ccc9c;cursor:not-allowed}.footer-dash{background:linear-gradient(180deg,#f5f7fa 0,#c3cfe2 50%,#a1c4b0);border-top:1px solid #109f12;border-top-left-radius:15px;border-top-right-radius:15px;bottom:0;box-shadow:0 -2px 8px #0000001a;color:#060607;font-size:1rem;left:0;padding:16px 0;position:fixed;text-align:center;width:100%;z-index:999}@media (max-width:480px){.footer-dash{border-radius:10px 10px 0 0;font-size:.9rem;font-size:.85rem;padding:12px 10px;padding:10px 8px}}.dark-theme .footer-dash{background:linear-gradient(180deg,#1e1e2f 0,#2b2b45 50%,#34344e);border-top:1px solid #58d19e;color:#fffc}:root{--bg-color:#fff;--text-color:#333;--primary-color:#4a6fa5}.dark-mode{--bg-color:#1a1a1a;--text-color:#f0f0f0;--primary-color:#6d8cc0}body{background-color:#fff;background-color:var(--bg-color);color:#333;color:var(--text-color);transition:background-color .3s ease,color .3s ease}.dashboard-layout{display:flex;flex-direction:row;gap:2rem;justify-content:space-between;padding:1.5rem}@media (max-width:480px){.dashboard-layout{flex-direction:column;position:fixed}}.transaction-container{background:#ffffffdd;border-radius:12px;box-shadow:0 0 12px #0000000d;margin:auto 20rem auto auto;max-width:700px;padding:2rem;width:90%}.transaction-title{color:#6ba689;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.transaction-error{color:red;font-weight:500;margin-bottom:1rem;text-align:center}.transaction-balance{color:#58b758;font-size:1.1rem;margin-bottom:1rem}.loading-text{font-size:1.1rem;text-align:center}.table-wrapper{overflow-x:auto}.transaction-table{border-collapse:collapse;font-size:.95rem;margin-bottom:1rem;width:100%}.transaction-table td,.transaction-table th{border:1px solid #1a1313;padding:.75rem;text-align:left}.transaction-table th{background-color:#f3f4f6;color:#333;font-weight:600}.transaction-table tr:nth-child(2n){background-color:#fafafa}.no-data{color:#555;padding:2rem;text-align:center}.pagination{align-items:center;display:flex;font-size:.95rem;gap:1rem;justify-content:space-between}.pagination button{background-color:#519771;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.6rem 1rem;transition:background-color .3s ease;width:100px}.pagination button:hover:enabled{background-color:#d1d5db}.pagination button:disabled{cursor:not-allowed;opacity:.6}.transfer-area{background-color:#f8f9fa;border-radius:10px;display:flex;gap:16px;margin:1px 0;padding:5px}.transfer-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;min-width:200px;padding:12px 24px;text-align:center;transition:all .3s ease}.transfer-button.account{background-color:#10b981;color:#fff}.transfer-button.account:hover{background-color:#2563eb;transform:translateY(-2px)}.transfer-button.mpesa{background-color:#10b981;color:#fff}.transfer-button.mpesa:hover{background-color:#059669;transform:translateY(-2px)}.transfer-button:active{transform:translateY(0)}.transfer-button:focus{outline:3px solid #3b82f680;outline-offset:2px}@media (max-width:480px){.transfer-area{flex-direction:column}.transfer-button{width:50%}}body,html{background-color:#f4f4f4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0}.container{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:20px}.panel{background-color:linear-gradient(180deg,#95d4c0 0,#c3cfe2 50%,#a1c4b0);border-radius:12px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:row;max-width:1000px;overflow:hidden;transition:all .3s ease-in-out;width:90%}.panel-content,.panel-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.panel-info{background:linear-gradient(180deg,#d0e3da 0,#7ca694 50%,#a1c4b0);color:#fff}.panel-info h1{font-size:2rem;margin-bottom:15px}.panel-info p,.panel-info ul{margin-bottom:20px}.panel-info ul{list-style-type:disc;padding-left:20px}.switch-btn{align-self:start;background-color:linear-gradient(180deg,#77b8af 0,#98bdb3 50%,#8caca8);border:none;border-radius:5px;color:#4b6cb7;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px;transition:background-color .3s}.switch-btn:hover{background-color:#e0e0e0}.panel-content h1{color:#333;font-size:2rem;margin-bottom:10px}.panel-content h2{color:#555;margin-bottom:10px}.panel-content p{color:#777;margin-bottom:20px}@media screen and (max-width:768px){.panel{flex-direction:column;height:auto;max-height:100%;overflow-y:auto}.panel-content,.panel-info{padding:20px}.panel-content h1,.panel-info h1{font-size:1.5rem}.panel-content h2{font-size:1.2rem}.switch-btn{align-self:stretch;text-align:center}form button[type=button],form button[type=submit]{width:100%}input{font-size:.95rem}}
/*# sourceMappingURL=main.974d7914.css.map*/