@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap");body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#f0f2f5;color:#000000;min-height:100vh}main{width:80%;margin:30px auto auto}.home{padding:3rem 1rem;flex-direction:column;align-items:center;text-align:center;display:flex;justify-content:center;align-content:center}.home h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.home p{font-size:1.2rem;color:#4b5563}nav{background-color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}nav a{text-decoration:none;color:#333;font-weight:500;transition:color .3s}nav .navbar-logo a{font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#1a202c}ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem;align-items:center}.btn-blue,.btn-blueDark,.btn-red{background-color:#1d4ed8;color:white;padding:.6rem 1.2rem;border-radius:6px;font-weight:600;transition:background-color .3s;text-decoration:none;font-size:15px;border:none}.btn-blue:hover{background-color:#0a2a9c}.btn-blueDark{background-color:#0a205c}.btn-red{background-color:#dc2626}.title-dashboard{display:flex;justify-content:center;margin:0}.container,.container-transac{width:100%;background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);box-sizing:border-box;text-align:center;margin:0 auto;padding:1rem}.login-box h1{font-size:1.8rem;margin-bottom:1.5rem;font-weight:600;color:#111827}.form{display:flex;flex-direction:column;gap:1.1rem}.form input{padding:14px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:all .3s;background-color:#f9fafb}.form input:focus{border-color:#2563eb;background-color:#ffffff;outline:none}.form input::placeholder{color:#9ca3af;font-size:14px}.buy-button{padding:.5rem}.form button{background-color:#1d4ed8;color:white;border:none;padding:14px;font-size:16px;font-weight:600;cursor:pointer;border-radius:8px;transition:background-color .3s}.form button:hover{background-color:#1e40af}.form p{margin:0;font-size:14px;color:#6b7280}.form p a{color:#1d4ed8;text-decoration:none;font-weight:500}.form p a:hover{text-decoration:underline}.error{color:#dc2626;font-size:14px;margin-top:.75rem;text-align:center;font-weight:500}.container-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:1100px;margin-top:2rem}.service{background-color:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.05);transition:transform .3s ease;margin-bottom:50px}.service:hover{transform:translateY(-5px)}.service h2{margin-bottom:1rem;color:#1d4ed8}.service h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#1a202c}.service p{font-size:.95rem;color:#4b5563}.auth-container{margin:80px auto;display:flex;flex-direction:row;background:#ffffff;border-radius:24px;overflow:hidden;box-shadow:0 12px 48px rgba(0,0,0,.12);max-width:1000px;width:95%;height:620px;padding:0}.auth-container h1{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:#1a202c}.auth-container form{gap:1rem}.auth-container input{padding:12px;border:1px solid #ccc;border-radius:8px;transition:border .3s}.auth-container input:focus{border-color:#1d4ed8}.auth-container button{padding:12px;background-color:#1d4ed8;border-radius:8px;font-size:16px;transition:background .3s}.auth-container button:hover{background-color:#0a205c}.auth-container .auth-link{font-size:.9rem}.auth-container .auth-link a{color:#1d4ed8}.auth-container .error{color:red;font-size:14px}.auth-container .form-side{flex:1;padding:4rem;display:flex;flex-direction:column;justify-content:center}.auth-container h1{font-size:2.6rem;font-weight:700;margin-bottom:2rem;color:#0f172a}.auth-container form{display:flex;flex-direction:column;gap:1.5rem}.auth-container input{padding:16px;border-radius:10px;border:1px solid #cbd5e1;background-color:#f1f5f9;font-size:16px;transition:.3s ease-in-out}.auth-container input:focus{outline:none;border-color:#2563eb;background-color:#ffffff;box-shadow:0 0 0 3px rgba(37,99,235,.3)}.auth-container button{background-color:#2563eb;color:white;padding:16px;font-size:17px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.auth-container button:hover{background-color:#1e40af}.auth-container .auth-link{font-size:15px;text-align:center;color:#64748b}.auth-container .auth-link a{color:#2563eb;text-decoration:none;font-weight:600}.auth-container .auth-link a:hover{text-decoration:underline}.auth-container .error{color:#dc2626;font-size:15px;text-align:center;margin-top:.75rem;font-weight:500}.auth-container .image-side{flex:1;display:flex;justify-content:center;align-items:center;background:50%/cover no-repeat;border-left:1px solid #e2e8f0;overflow:hidden}.auth-container .image-side img{width:100%;height:100%;object-fit:cover;object-position:center}.transaction-form{display:flex;flex-direction:column;gap:1.2rem;width:100%}.form-group label{font-weight:600;display:block;margin-bottom:.5rem;color:#334155}.disabled{background-color:#e2e8f0!important;color:#6b7280;cursor:not-allowed}input,select{width:95%;padding:14px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background:#f8fafc;transition:border .3s,background .3s}input:focus,select:focus{border-color:#2563eb;background:#fff;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.2)}.read-only-input{background-color:#e2e8f0;cursor:not-allowed}button[type=submit]{background-color:#2563eb;color:white;padding:14px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:#1d4ed8}.alert{padding:12px;border-radius:8px;font-size:14px;width:100%;text-align:center}.alert.error{background-color:#fee2e2;color:#b91c1c}.alert.success{background-color:#dcfce7;color:#166534}.rib-input-container{display:flex;flex-direction:column;gap:.5rem}.rib-input-options{display:flex;justify-content:space-between;gap:.5rem}.rib-mode-btn{flex:1;padding:10px;font-size:14px;font-weight:600;border:1px solid #cbd5e1;border-radius:8px;background:#f1f5f9;cursor:pointer;transition:.3s}.rib-mode-btn.active{background-color:#2563eb;color:#ffffff;border-color:#2563eb}.rib-mode-btn:hover{background-color:#e2e8f0}.card-container{display:flex;gap:2rem;width:88%;flex-direction:column;margin:20px auto auto}.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);border-radius:16px;transition:all .3s;box-shadow:0 8px 24px #0006;width:auto;height:60px;display:flex;justify-content:space-around;align-items:center;padding:1rem;transition:all .3s ease;box-shadow:0 8px 24px rgba(0,0,0,.4)}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1d4ed8;margin-top:8px}.card p{font-size:.95rem;color:#475569;margin:.25rem 0}p{font-size:1rem}.crypto-info{flex:2;text-align:left}.crypto-stats{flex:1;text-align:right;font-weight:500}.dashboard-container{padding:2rem;font-family:Poppins,sans-serif;background-color:#fff;color:#111}.dashboard-top{border-radius:10px;margin-bottom:3rem;display:flex;justify-content:center}.positive-balance{color:#16a34a;font-weight:600}.negative-balance{color:#dc2626;font-weight:600}.dashboard-top span{margin:auto;width:100%}.dashboard-mid{background-color:#f7f7f7;border:1px solid #e0e0e0;padding:2rem;border-radius:10px;margin-bottom:3rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.crypto-list{flex-direction:column;color:#333;font-size:1rem;display:flex;flex-wrap:wrap;gap:1rem}.card-crypto{margin:auto;background:#ffffff0d;border:1px solid #ffffff1a;backdrop-filter:blur(12px);border-radius:16px;width:85%;height:20px;transition:all .3s;box-shadow:0 8px 24px #0006;display:flex;align-content:center;align-items:center;padding:1rem}.card-crypto span{background-color:#f0f4ff;padding:6px 12px;border-radius:20px;font-size:.95rem;font-weight:500;color:#1e40af}.crypto-list h2,.dashboard-block h2,h1.title-dashboard{font-weight:600}.crypto-list h2{margin:0}.dashboard-bottom{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.green-block{background-color:#f0f9f4!important;border-left:4px solid #16a34a!important}.red-block{background-color:#f5f2f2!important;border-left:4px solid #dc2626!important}.blue-block{background-color:#edf0f5!important;border-left:4px solid #3b82f6!important}.transaction-log-item{border-bottom:1px solid #000000;display:flex;justify-content:space-between;align-items:center;width:100%}.symbol-items{margin-right:20px}.price-items{margin-top:21px}.service-us{width:100%}.dashboard-block{flex:1;min-width:280px;background-color:#fafafa;border:1px solid #e5e5e5;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.03)}.crypto-list h2,.dashboard-block h2,.title-dashboard{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.dashboard-block p{font-size:1rem;color:#4b5563;margin-bottom:.5rem}.timeline-item{background-color:#f0f0f0;margin-bottom:1rem;padding:.75rem;border-radius:5px;font-size:.95rem;color:#444}.show-more-button{background-color:#1d4ed8;color:white;padding:.4rem 1rem;border-radius:6px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;gap:.4rem;margin-top:1rem}.show-more-button:hover{background-color:#0a2a9c}.profile-title{text-align:center;font-size:2.4rem;margin-top:2rem;color:#0f172a;font-weight:700}.profile-wrapper{display:flex;justify-content:center;align-items:center;margin-top:2rem;padding:1rem}.profile-card{background:#f3f4f6;padding:2rem 2.5rem;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.08);max-width:600px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.profile-item{display:flex;justify-content:space-between;font-size:1.1rem;border-bottom:1px solid #d1d5db;padding-bottom:.5rem}.label{font-weight:600;color:#1e293b}.header-profile-icon{width:36px;height:36px;border-radius:50%;background-color:#e2e8f0;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease;cursor:pointer;border:2px solid #cbd5e1}.header-profile-icon:hover{background-color:#d1d5db}@media (max-width:992px){.dashboard-bottom{flex-direction:column}}.crypto-card-item{align-content:center;width:100%;justify-content:space-between}.crypto-card-item,.service-us{display:flex;align-items:center}.service-us{gap:1.5rem;background-color:#f9f9f9;border-radius:16px;padding:1.5rem 2rem;margin:1rem auto;max-width:800px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.service-us h2{margin:0;color:#0077ff;display:flex;align-items:center;justify-content:center}.service-us h3{margin:0;font-size:1.3rem;color:#1a1a1a}.service-us p{margin:.2rem 0 0;font-size:1rem;color:#555}.service-us>div{display:flex;flex-direction:column;align-items:flex-start}.contact-form{max-width:600px;margin:3rem auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.05)}.contact-form h2{margin-bottom:.5rem;font-size:2rem;color:#1a1a1a}.contact-form p{margin-bottom:1.5rem;color:#555}.transaction-toggle{display:flex;justify-content:space-evenly;width:15%;margin:5px 0}#montant,#quantite,#rib{margin:auto;width:95%}.form-actions{display:flex!important;justify-content:space-between!important;width:20%;margin:auto}.contact-form input,.contact-form textarea{padding:1rem;margin-bottom:1rem;border-radius:8px;border:1px solid #ddd;font-size:1rem;background:#f9f9f9}.contact-form textarea{width:95%}.contact-form .btn-blue{background:#0077ff;color:white;padding:.8rem 2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.contact-form .btn-blue:hover{background:#005ecf}.success-message{background:#e0ffe0;border:1px solid #2ecc71;padding:.8rem;margin-bottom:1rem;color:#2c7a45;border-radius:8px}@media (max-width:768px){main{width:95%}nav{padding:1rem}nav ul{flex-direction:column;align-items:flex-start}.home h1{font-size:2rem}.home p{font-size:1rem}.container,.container-transac{padding:1rem}.auth-container{flex-direction:column;height:auto}.auth-container .form-side,.auth-container .image-side{padding:2rem}.auth-container h1{font-size:2rem}.auth-container form{gap:1rem}.auth-container input{padding:14px}.auth-container button{padding:14px;font-size:1rem}.transaction-form{gap:1rem}.card-container{width:100%;margin-top:1rem}.card{height:auto;padding:1.5rem;flex-direction:column;align-items:flex-start}.card h2{font-size:1.1rem;margin-top:0}.card p{font-size:.85rem}.dashboard-container{padding:1rem}.dashboard-top{flex-direction:column;align-items:center}.dashboard-mid{padding:1rem}.crypto-list{gap:.5rem}.card-crypto{width:100%;height:auto;padding:1.5rem;flex-direction:column;align-items:flex-start}.card-crypto span{font-size:.85rem}.dashboard-bottom{flex-direction:column}.profile-title{font-size:2rem}.profile-wrapper{padding:.5rem}.profile-card{padding:1.5rem}.profile-item{font-size:1rem}.contact-form{margin:2rem auto;padding:1.5rem}.contact-form h2{font-size:1.8rem}.contact-form input,.contact-form textarea{padding:.8rem;font-size:.9rem}.contact-form .btn-blue{padding:.6rem 1.5rem;font-size:.9rem}.form-actions,.transaction-toggle{width:100%;margin:1rem 0}.service-us{width:95%;padding:1rem}.burger-menu{display:block;cursor:pointer}.navbar-menu{display:none;flex-direction:column;width:100%;background-color:#fff;position:absolute;top:60px;left:0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.navbar-menu.active{display:flex}.navbar-menu ul{flex-direction:column;width:100%}.navbar-menu li{width:100%;text-align:center;margin-bottom:1rem}.navbar-menu li a,.navbar-menu li button{width:100%;padding:.8rem}}@media (min-width:769px){.burger-menu{display:none}}@media (max-width:768px){.navbar-logo{display:flex;align-items:center}.header-profile-icon.mobile-only{margin-left:1rem;display:flex}.navbar-menu .header-profile-icon.mobile-only{display:none}.navbar-menu{display:none;flex-direction:column;width:100%;background-color:#fff;position:absolute;top:60px;left:0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.navbar-menu.active{display:flex}.navbar-menu ul{flex-direction:column;width:100%}.navbar-menu li{width:100%;text-align:center;margin-bottom:1rem}.navbar-menu li a,.navbar-menu li button{width:100%;padding:.8rem}.desktop-only,.header-profile-icon.desktop-only{display:none}.card-crypto{width:90%;max-width:400px;margin:0 auto;padding:1rem;flex-direction:column;align-items:flex-start}.card-crypto p,.card-crypto span{font-size:.85rem;word-break:break-word;overflow-wrap:break-word;hyphens:auto}.card-crypto .crypto-info,.card-crypto .crypto-stats{width:100%;text-align:left}.auth-container .image-side{display:none}}@media (min-width:769px){.header-profile-icon.mobile-only{display:none}.header-profile-icon.desktop-only{display:flex}}