@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{overflow-x:hidden}.page-container{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.page-container.dark{background:linear-gradient(135deg,#2c3e50,#34495e)}.page-container.with-image{background-image:url("/static/media/create-picture-exchange-rate-system-full%20HD-(3).6da873d382dc6bc3ff5d.jpg");background-size:contain}.page-container.dark.with-image{background-image:url("/static/media/create-picture-exchange-rate-system-full%20HD-(4).f32d040e91c8dbb52883.jpg");background-size:contain}@media (max-width:1920px){.page-container.with-image{background-size:cover}}@media (max-width:1200px){.page-container.with-image{background-size:120% auto}}@media (max-width:768px){.page-container.with-image{background-attachment:scroll;background-size:cover}}.page-container:before{background:#0003;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.page-container.dark:before{background:#0006}.page-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;transition:all .3s ease;width:100%}.page-container.with-image{background-attachment:fixed;background-image:url("/static/media/create-picture-exchange-rate-system-full%20HD-(5).77f7379c763a9c3cee25.jpg");background-position:50%;background-repeat:no-repeat;background-size:cover}.page-container.with-image:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff26;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.page-container.with-image.dark-mode:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0003}.page-container.gradient-mode{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 30%,#f093fb);background-size:400% 400%}.page-container.gradient-mode.dark-mode{background:linear-gradient(135deg,#2c3e50,#34495e 50%,#4a6741)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.page-container>*{position:relative;z-index:2}.heroSection{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#fff3!important;border:1px solid #ffffff4d!important;box-shadow:0 8px 32px #0000001a!important}.heroSection.dark-mode{background:#0000004d!important;border:1px solid #ffffff1a!important}.statsSection{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#ffffff40!important;border:1px solid #ffffff4d!important}.statsSection.dark-mode{background:#0006!important;border:1px solid #ffffff1a!important}.techSection{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0009!important}.techSection.dark-mode{background:#000c!important}.featureCard{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff40!important;border:1px solid #ffffff4d!important;box-shadow:0 8px 32px #0000001a!important}.featureCard.dark-mode{background:#0006!important;border:1px solid #ffffff1a!important}.stepsSection{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#fff3!important;border:1px solid #ffffff4d!important}.stepsSection.dark-mode{background:#0000004d!important;border:1px solid #ffffff1a!important}.faqSection{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#ffffff40!important}.faqSection.dark-mode{background:#0006!important}.heroTitle{color:#1e293b!important;font-weight:800!important;text-shadow:0 2px 8px #fffc!important}.heroTitle.dark-mode{color:#fff!important;text-shadow:0 2px 8px #000c!important}.heroSubtitle{color:#374151!important;font-weight:600!important;text-shadow:0 1px 4px #fffc!important}.heroSubtitle.dark-mode{color:#ffffffe6!important;text-shadow:0 1px 4px #000c!important}.sectionTitle{font-weight:700!important}.sectionTitle.dark-mode{color:#fff!important;text-shadow:0 2px 8px #000c!important}.featureTitle{color:#1e293b!important;text-shadow:0 1px 4px #fffc!important}.featureTitle.dark-mode{color:#fff!important;text-shadow:0 1px 4px #000c!important}.featureItem{background:#ffffff4d!important;border-left:4px solid #3b82f6!important;color:#1e293b!important;text-shadow:0 1px 2px #fffc!important}.featureItem.dark-mode{background:#0000004d!important;color:#ffffffe6!important;text-shadow:0 1px 2px #000c!important}.primaryButton{background:linear-gradient(45deg,#3b82f6,#1d4ed8)!important;border:2px solid #fff3!important;color:#fff!important;font-weight:700!important;text-shadow:0 1px 3px #0000004d!important}.secondaryButton{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fff3!important;border:2px solid #1e293b!important;color:#1e293b!important;font-weight:700!important;text-shadow:0 1px 2px #fffc!important}.secondaryButton.dark-mode{border:2px solid #fff!important;color:#fff!important;text-shadow:0 1px 2px #000c!important}.Section_converter{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff40!important;border:1px solid #ffffff4d!important;border-radius:20px!important;box-shadow:0 8px 32px #0000001a!important;margin:2rem 0!important;padding:2rem!important}.Section_converter.dark-mode{background:#0006!important;border:1px solid #ffffff1a!important}@media (max-width:768px){.page-container.with-image{background-attachment:scroll;background-size:cover}.page-container.with-image:before{background:#ffffff40}.page-container.with-image.dark-mode:before{background:#0006}.heroTitle{font-size:2.5rem!important}.heroSubtitle{font-size:1.1rem!important;padding:0 1rem!important}}@media (prefers-contrast:high){.page-container.with-image:before{background:#fff6}.heroTitle{color:#000!important;text-shadow:0 2px 8px #fff!important}.heroSubtitle{color:#1e293b!important;text-shadow:0 1px 4px #fff!important}}.page-container.light-gradient{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1)}.page-container.pattern-bg{background:#f8fafc;background-image:radial-gradient(circle at 25px 25px,#3b82f61a 2px,#0000 0),radial-gradient(circle at 75px 75px,#10b9811a 2px,#0000 0);background-size:100px 100px}.page-container.clean-white{background:#fff;box-shadow:inset 0 0 200px #3b82f60d}@media (prefers-reduced-motion:reduce){.page-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.primaryButton:focus,.secondaryButton:focus{outline:3px solid #3b82f6;outline-offset:2px}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b}.register-container{align-items:center;background:url(https://images.unsplash.com/photo-1526304640581-d334cdbbf45e?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-box{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;max-width:900px;overflow:hidden;width:100%}.register-left{align-items:center;background:linear-gradient(to bottom right,#3b82f6,#8b5cf6);color:#fff;display:none;flex-direction:column;justify-content:center;padding:40px;width:50%}.register-left img{margin-top:20px;width:150px}.register-left h2{font-size:28px;font-weight:700;margin-bottom:16px}.register-left p{text-align:center}@media (min-width:768px){.register-left{display:flex}}.register-right{padding:40px;width:100%}.register-right h2{color:#1e3a8a;margin-bottom:24px;text-align:center}.input-group{margin-bottom:16px;padding:10px}.input-group .icon{color:#555}.input-group input{flex:1 1}.register-button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:background-color .3s ease;width:100%}.register-button:hover{background-color:#1d4ed8}.message{margin-top:12px}.message.error{color:red}.message.success{color:green}.login-redirect{font-size:14px;margin-top:20px;text-align:center}.login-redirect a{color:#2563eb;font-weight:700;text-decoration:none}.login-redirect a:hover{text-decoration:underline}.login-container{align-items:center;background-image:url(https://images.unsplash.com/photo-1590283603385-17ffb3a7f29f?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80);display:flex;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-box{background-color:#fff;border-radius:16px;box-shadow:0 0 25px #00000014;display:flex;max-width:900px;overflow:hidden;width:100%}.login-left{align-items:center;background:linear-gradient(to bottom right,#3b82f6,#9333ea);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 30px;text-align:center}.login-left h2{font-size:28px;font-weight:700;margin-bottom:16px}.login-left p{font-size:15px;margin-bottom:24px}.login-left img{height:160px;width:160px}.login-right{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 30px}.login-right h2{color:#1d4ed8;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.input-group{align-items:center;border:1px solid #ccc;border-radius:8px;display:flex;margin-bottom:18px;padding:10px 14px}.input-group .icon{color:#888;margin-right:10px}.input-group input{border:none;font-size:16px;margin-bottom:0;outline:none;width:100%}.login-button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#1e40af}.message{font-weight:500;margin-top:10px;text-align:center}.message.success{color:#16a34a}.message.error{color:#dc2626}.register-redirect{font-size:14px;margin-top:16px;text-align:center}.register-redirect a{color:#2563eb;font-weight:600;text-decoration:none}.register-redirect a:hover{text-decoration:underline}@media (max-width:768px){.login-box{flex-direction:column}.login-left,.login-right{width:100%}.login-left,.login-right{padding:30px 20px}}.about-container{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:960px;padding:2.5rem 1rem}.about-section{margin-bottom:3rem}.about-container{background-color:#fff;border-radius:20px;margin:40px 0}.about-section h2{color:#2b6cb0;font-size:2rem;font-weight:800;margin-bottom:1rem}.about-section p{color:#4a5568;font-size:1.125rem;line-height:1.8;margin-top:1rem}.about-section ul{color:#4a5568;font-size:1.125rem;list-style-type:disc;margin-left:1.5rem}.about-section ul li{margin-bottom:.75rem}.section-blue h2{color:#2b6cb0}.section-purple h2{color:#6b46c1}.section-green h2{color:#2f855a}.section-indigo h2{color:#434190}.section-founder h2,blockquote{color:#2a4365}blockquote{background-color:#ebf8ff;border-left:4px solid #4299e1;font-style:italic;margin-top:1.25rem;padding:1rem}.contact-form{background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3rem auto;max-width:600px;padding:2rem}.contact-form h2{color:#1a202c;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.contact-form input,.contact-form textarea{border:1px solid #cbd5e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border .2s ease,box-shadow .2s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #4299e14d;outline:none}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{background-color:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.contact-form button:hover{background-color:#2b6cb0}input{margin-bottom:20px}.InputButton{display:flex}.currency-container{background:linear-gradient(90deg,#eef2ff,#fdfbff);border-radius:1rem;box-shadow:0 8px 24px #0000001a;font-family:Segoe UI,sans-serif;margin:2rem auto;max-width:400px;padding:2rem}.currency-title{color:#1e3a8a;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.currency-label{color:#374151;display:block;font-weight:600;margin-bottom:.25rem}.currency-input{border:1px solid #cbd5e1;border-radius:.5rem;outline:none;padding:.5rem;transition:border-color .2s ease;width:100%}.currency-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d}.currency-button{background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.6rem;transition:background-color .2s ease;width:100%}.currency-button:hover{background-color:#1e40af}.currency-result{color:#047857;font-size:1.2rem;font-weight:700;margin-top:1.5rem;text-align:center}.defective-rates-container{background-color:#fff;font-family:Arial,sans-serif;margin:30px auto;max-width:700px;padding:20px}.defective-rates-title{color:#0f172a;font-size:24px;margin-bottom:20px;text-align:center}.theory-section{background-color:#e8f4fd;border:1px solid #b6d8f2;border-radius:8px;font-size:14px;line-height:1.6;margin-bottom:20px;padding:15px}.theory-section strong{color:#0369a1}.theory-section code{background-color:#f0f0f0;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.theory-section em{display:block;margin-top:10px}.loading-container{text-align:center}.loading-section{background-color:#e8f4fd;border-radius:8px;margin:20px 0;padding:20px}.error-section{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;color:#856404;margin-bottom:20px;padding:15px}.last-update-section{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;font-size:14px;margin-bottom:20px;padding:10px;text-align:center}.last-update-section em{font-style:italic}.anomaly-alert{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;margin-bottom:20px;padding:15px}.anomaly-alert strong{color:#856404}.anomaly-list{margin:10px 0;padding-left:20px}.anomaly-item{margin-bottom:5px}.anomaly-item strong{font-weight:700}.anomaly-increase{color:#28a745;font-weight:700}.anomaly-decrease{color:#dc3545;font-weight:700}.anomaly-note{color:#856404;font-size:12px;font-style:italic;margin-top:10px}.rates-table{border-collapse:collapse;width:100%}.rates-table-header{background:#007bff;border-bottom:2px solid #007bff;color:#fff;font-weight:700;padding:10px;text-align:left}.rates-table-row{transition:background-color .2s ease}.rates-table-row:hover{background-color:#f8f9fa}.rates-table-row.anomaly-highlighted{background-color:#fff3cd}.rates-table-cell{border-bottom:1px solid #eee;padding:10px}.rates-table-cell.anomaly-currency,.rates-table-cell.anomaly-rate{font-weight:700}.status-section{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:14px;margin-top:20px;padding:10px}.status-section strong{font-weight:700}@media (max-width:768px){.defective-rates-container{margin:15px;max-width:none;padding:15px}.defective-rates-title{font-size:20px}.theory-section{font-size:13px;padding:12px}.rates-table-cell,.rates-table-header{font-size:14px;padding:8px 5px}.last-update-section,.status-section{font-size:13px}}@media (max-width:480px){.defective-rates-container{margin:10px;padding:10px}.defective-rates-title{font-size:18px}.theory-section{font-size:12px;padding:10px}.rates-table-cell,.rates-table-header{font-size:12px;padding:6px 3px}.anomaly-alert,.last-update-section,.status-section{font-size:12px;padding:8px}}.profile-container{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.profile-container:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.profile-card{animation:slideUp .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 50px #00000026,0 8px 32px #667eea33,inset 0 1px 2px #ffffff80;max-width:480px;padding:3rem;position:relative;transform:translateY(0);width:100%}.profile-card:hover{box-shadow:0 35px 70px #0003,0 12px 40px #667eea4d;transform:translateY(-5px);transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-header{margin-bottom:2.5rem;position:relative;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 15px 35px #667eea66,0 5px 15px #0000001a;color:#fff;display:flex;font-size:3rem;font-weight:700;height:120px;justify-content:center;margin:0 auto 1.5rem;position:relative;text-shadow:0 2px 8px #0000004d;transition:all .3s ease;width:120px}.profile-avatar:before{animation:avatarGlow 3s linear infinite;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:50%;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes avatarGlow{0%,to{opacity:.7}50%{opacity:1}}.profile-avatar:hover{box-shadow:0 20px 45px #667eea80,0 8px 20px #00000026;transform:scale(1.05)}.profile-avatar:after{animation:pulse 2s infinite;background:#10b981;border:3px solid #fff;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #10b98166;content:"";height:20px;position:absolute;right:8px;width:20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#667eea);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;margin-bottom:.5rem;text-align:center}.profile-subtitle{color:#64748b;font-size:1.1rem;margin-bottom:2rem;text-align:center}.profile-info{grid-gap:1.5rem;display:grid;gap:1.5rem}.profile-info-item{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-info-item:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.profile-info-item:hover:before{left:100%}.profile-info-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateX(8px)}.profile-info-item:first-child{border-left-color:#3b82f6}.profile-info-item:nth-child(2){border-left-color:#10b981}.profile-info-item:nth-child(3){border-left-color:#f59e0b}.profile-info-item:nth-child(4){border-left-color:#ef4444}.profile-info-label{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;margin-bottom:.5rem}.profile-info-value{color:#1f2937;font-size:1.1rem;font-weight:500;margin-left:2rem}.profile-icon{color:#6b7280;height:1.25rem;width:1.25rem}.profile-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.25rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:3rem;margin-bottom:1rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.profile-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;color:#dc2626;margin:0 auto;max-width:400px;padding:2rem;text-align:center}.profile-error-icon{font-size:3rem;margin-bottom:1rem}.profile-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.profile-btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.profile-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.profile-btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.profile-btn-secondary{background:#ffffffe6;border:1px solid #0000001a;color:#374151}.profile-btn-secondary:hover{background:#fff;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.profile-container{padding:1rem}.profile-card{margin:1rem;padding:2rem}.profile-avatar{font-size:2.5rem;height:100px;width:100px}.profile-title{font-size:1.875rem}.profile-info-item{padding:1.25rem}.profile-actions{flex-direction:column}.profile-btn{width:100%}}@media (max-width:480px){.profile-card{padding:1.5rem}.profile-avatar{font-size:2rem;height:80px;width:80px}.profile-title{font-size:1.5rem}.profile-info-item{padding:1rem}.profile-info-value{font-size:1rem;margin-left:1.5rem}}@media (prefers-color-scheme:dark){.profile-card{background:#1e293bf2;color:#f1f5f9}.profile-info-item{background:linear-gradient(135deg,#334155,#475569)}.profile-info-label{color:#cbd5e1}.profile-info-value{color:#f1f5f9}.profile-btn-secondary{background:#334155e6;color:#f1f5f9}}@media (prefers-reduced-motion:reduce){.loading-spinner,.profile-avatar:after,.profile-avatar:before,.profile-container:before{animation:none}.profile-btn,.profile-card,.profile-info-item{transition:none}}@media print{.profile-container{background:#fff;padding:0}.profile-card{border:1px solid #e5e7eb;box-shadow:none}.profile-actions{display:none}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:400px;padding:2rem;width:100%}.modal h3{color:#111827;font-size:1.5rem;margin-bottom:1rem;text-align:center}.modal form{gap:1rem}.modal form,.modal label{display:flex;flex-direction:column}.modal label{color:#374151;font-weight:600}.modal input{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;margin-top:.5rem;padding:.5rem}.modal-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.light-theme{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--card-bg:#fff;--gradient:linear-gradient(135deg,#667eea,#764ba2)}.dark-theme{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-color:#334155;--card-bg:#1e293b;--gradient:linear-gradient(135deg,#4c1d95,#581c87)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;margin:0;padding:0}.card,body{transition:all .3s ease}.card{background-color:var(--card-bg);border:1px solid var(--border-color)}:root{--brand-primary:#0f172a;--brand-secondary:#fbbf24;--brand-accent:#1e293b;--brand-light:#1e40af;--success:#22c55e;--success-light:#dcfce7;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#fbbf24;--info-light:#fef3c7;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--text-primary:var(--gray-800);--text-secondary:var(--gray-500);--text-muted:var(--gray-400);--text-inverse:var(--white);--text-on-dark:var(--white);--text-on-yellow:var(--gray-900);--bg-primary:var(--white);--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-dark:var(--brand-primary);--bg-yellow:var(--brand-secondary);--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400);--border-yellow:var(--brand-secondary);--border-blue:var(--brand-primary);--gradient-primary:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);--gradient-secondary:linear-gradient(135deg,var(--brand-secondary) 0%,#f59e0b 100%);--gradient-accent:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);--gradient-hero:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 50%,var(--brand-secondary) 100%);--blue-yellow-gradient:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);--yellow-blue-gradient:linear-gradient(135deg,var(--brand-secondary) 0%,var(--brand-primary) 100%);--dark-blue-light:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-light) 100%);--header-bg:var(--gradient-primary);--button-primary:var(--brand-secondary);--button-secondary:var(--brand-primary);--card-bg:var(--bg-primary);--card-shadow:0 4px 6px -1px #0f172a1a;--button-shadow:0 4px 14px 0 #fbbf244d;--hover-shadow:0 8px 25px #0f172a33;--chart-blue:var(--brand-primary);--chart-yellow:var(--brand-secondary);--chart-positive:var(--success);--chart-negative:var(--danger);--chart-neutral:var(--warning)}[data-theme=dark]{--brand-secondary:#fcd34d;--gradient-secondary:linear-gradient(135deg,#fcd34d,#f59e0b)}*{box-sizing:border-box}*,html{margin:0;padding:0}html{background:linear-gradient(to bottom right,#f8fafc,#f1f5f9);background:linear-gradient(to bottom right,var(--gray-50),var(--gray-100));color:#1e293b;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{margin:0;min-height:100vh;padding:0;width:100vw}a{color:inherit;text-decoration:none}html.light{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}html.dark{background-color:#0f172a;background-color:var(--gray-900);color:#f1f5f9;color:var(--gray-100)}.app-container{margin:0;max-width:none;padding:0;width:100vw}.container{align-items:center;display:flex;gap:2rem;justify-content:space-around;margin:0;max-width:none;padding:1rem;width:100%}main{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:0;width:100%}.main-rate-dashboard{background-image:url(https://www.kinettix.com/hubfs/How%20to%20Combat%20the%203%20Types%20of%20Foreign%20Exchange%20Risk.jpg)}header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--gradient-primary);box-shadow:0 4px 20px #1e40af4d;left:0;opacity:1;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),background .3s ease;width:100vw;z-index:1000}header.header-hidden{opacity:0;transform:translateY(-100%)}header.header-scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e40aff2,#3b82f6f2);box-shadow:0 8px 32px #1e40af66}header.header-compact{padding:.5rem 0;transform:scale(.95)}header .container{background-color:initial!important;margin:0;max-width:none;padding:1rem;width:100%}header .mx-auto{margin-left:auto;margin-right:auto}header .flex{display:flex}header .justify-between{justify-content:space-between}header .items-center{align-items:center}header .p-4{padding:1rem}header .flex.items-center.space-x-2{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 16px #0000001a;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}header .flex.items-center.space-x-2:hover{background:#ffffff40;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}header .text-3xl{animation:logo-pulse 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}header .text-2xl.font-extrabold,header h4{color:#000;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin:0}header .text-blue-700{color:#fff!important;color:var(--text-inverse)!important}header .flex.items-center.space-x-6{align-items:center;display:flex;gap:1.5rem}header .space-x-4,header nav{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:16px;display:flex;gap:.25rem;padding:.5rem}header .nav-link,header nav a{align-items:center;border-radius:12px;color:#fff;color:var(--text-inverse);display:inline-flex;font-size:.95rem;font-weight:600;overflow:hidden;padding:.75rem .25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}header .nav-link:before,header nav a:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}header .nav-link:hover:before,header nav a:hover:before{left:100%}header .nav-link:hover,header nav a:hover{background:#fff3;box-shadow:0 4px 16px #0003;text-shadow:0 2px 6px #0000004d;transform:translateY(-2px)}header .nav-link.active,header .nav-link[aria-current=page],header nav a.active{background:#ffffff40;box-shadow:0 4px 16px #00000026,inset 0 1px 2px #ffffff4d}header .auth-buttons,header .ml-auto.space-x-4{align-items:center;display:flex;gap:1rem;margin-left:auto}header .user-info-container{position:relative}header .user-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 16px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}header .user-button:hover{background:#ffffff40;box-shadow:0 8px 24px #0003;transform:translateY(-2px) scale(1.02)}header .user-avatar{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:10px;display:flex;height:2.25rem;justify-content:center;position:relative;transition:all .3s ease;width:2.25rem}header .user-button:hover .user-avatar{background:#ffffff4d;transform:scale(1.05)}header .user-initials{color:#5473ff;font-size:.875rem;font-weight:700}header .user-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}header .user-name{color:#fff;color:var(--text-inverse);font-size:.875rem;font-weight:600;text-shadow:0 1px 3px #0000004d}header .user-email,header .user-name{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .user-email{color:#ffffffd9;font-size:.75rem;text-shadow:0 1px 2px #0003}header .dropdown-arrow{color:#fffc;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:1rem;transition:all .3s ease;width:1rem}header .user-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}header .dropdown-menu{animation:dropdown-appear .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 20px 64px #1e40af40,0 8px 32px #00000026;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);width:18rem;z-index:100}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--gradient-primary);border:none;border-radius:50%;bottom:2rem;box-shadow:0 10px 25px #1e40af4d;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1.2rem;height:3rem;justify-content:center;opacity:0;position:fixed;right:2rem;transform:translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:3rem;z-index:999}.scroll-to-top.show{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-secondary);box-shadow:0 15px 35px #1e40af66;transform:translateY(-3px)}main{flex:1 1;margin:0;max-width:none;padding-left:1rem;padding-right:1rem;padding-top:6rem;width:100vw}.auth-buttons{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:12px;padding:6px}.login-btn,.register-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-secondary);border:none;border-radius:15px;box-shadow:0 2px 8px #0596694d;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;overflow:hidden;padding:10px 18px;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.login-btn:before,.register-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:before,.register-btn:hover:before{left:100%}.login-btn:hover,.register-btn:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #05966980;transform:translateY(-2px)}.text-sm.font-bold{color:#fff;color:var(--text-inverse);font-weight:800}.relative{position:relative}.absolute{position:absolute;right:0;top:100%;z-index:50}.py-1{background-color:#fbbf24;background-color:var(--brand-secondary);border-radius:10px}.main-container{margin:0;max-width:none;padding:20px;width:100vw}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px;width:100%}.component-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.component-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.hero-section{background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;margin-bottom:2rem;padding:3rem 0;text-align:center;width:100%}.hero-section h1{color:#1e293b;color:var(--text-primary);font-size:2.5rem;font-weight:900;margin-bottom:1rem}.hero-section p{color:#64748b;color:var(--text-secondary);font-size:1.25rem}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px;width:100%}.loading{animation:pulse 1.5s infinite;color:#64748b;color:var(--text-secondary);font-size:1.25rem;padding:2rem;text-align:center}.table-container{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto;padding:1.5rem}table{border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}thead{background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--gradient-primary);color:#fff;color:var(--text-inverse)}td,th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:12px 16px;text-align:left}th{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}tbody tr:nth-child(2n){background:#f8fafc;background:var(--bg-secondary)}tbody tr:hover{background:#f1f5f9;background:var(--bg-tertiary);transform:scale(1.01);transition:all .2s ease}.currency-converter{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.currency-converter h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.currency-converter button,.currency-converter input,.currency-converter select{border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.currency-converter input:focus,.currency-converter select:focus{border-color:#0f172a;border-color:var(--brand-primary);box-shadow:0 0 0 3px #1e40af1a;outline:none}.currency-converter button{background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--gradient-primary);border:none;color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:600;transition:all .3s ease}.currency-converter button:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-secondary);box-shadow:0 4px 20px #1e40af4d;transform:translateY(-2px)}.result-box{background:#fef3c7;background:var(--info-light);border-left:4px solid #0f172a;border-left:4px solid var(--brand-primary);border-radius:8px;color:#1e293b;color:var(--text-primary);font-weight:600;margin-top:1rem;padding:1rem;text-align:center}svg{height:24px;width:24px}.custom-icon{height:20px;vertical-align:middle;width:20px}.custom-icon,.logout-btn{color:#fff;color:var(--text-inverse)}.logout-btn{align-items:center;background-color:#ef4444;background-color:var(--danger);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:flex-start;padding:10px 16px;transition:all .3s ease;width:100%}.logout-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.logout-btn .custom-icon{color:#fff;color:var(--text-inverse)}.link-button{align-items:center;border-radius:8px;display:flex;gap:12px;padding:10px 16px;text-decoration:none;transition:all .3s ease;width:100%}.link-button,.link-button:hover{color:#1e293b;color:var(--text-primary)}.link-button:hover{background-color:#f1f5f9;background-color:var(--bg-tertiary)}label span,span,span.text-base{color:#1e293b;color:var(--text-primary)}.pro-footer{background:linear-gradient(135deg,#1e293b,#0f172a);background:linear-gradient(135deg,var(--gray-800) 0,var(--gray-900) 100%);color:#f1f5f9;color:var(--gray-100);font-family:Segoe UI,sans-serif;margin-left:calc(-50vw + 50%);margin-top:auto;max-width:none;padding:40px 0 20px;width:100vw}.pro-footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1400px;padding:0 20px}.pro-footer-brand h2{color:#f59e0b;color:var(--warning);font-size:24px;font-weight:700;margin-bottom:8px}.pro-footer-brand p{color:#94a3b8;color:var(--gray-400);font-size:14px}.pro-footer-links{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pro-footer-links div h4{color:#f1f5f9;color:var(--gray-100);font-size:16px;font-weight:600;margin-bottom:12px}.pro-footer-links a{color:#cbd5e1;color:var(--gray-300);display:block;font-size:14px;margin-bottom:8px;text-decoration:none;transition:all .3s ease}.pro-footer-links a:hover{color:#fbbf24;color:var(--brand-secondary);transform:translateX(4px)}.pro-footer-bottom{border-top:1px solid #334155;border-top:1px solid var(--gray-700);color:#94a3b8;color:var(--gray-400);font-size:13px;grid-column:1/-1;margin-top:32px;padding-top:16px;text-align:center}.centered-content{margin:0;max-width:none;padding:0 20px;width:100%}.flex-center{align-items:center;display:flex;justify-content:center}.space-y-6>*+*{margin-top:1.5rem}.space-x-6>*+*{margin-left:1.5rem}.btn-primary{background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:0 4px 14px #1e40af33;color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #1e40af4d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-secondary);border:none;border-radius:8px;box-shadow:0 4px 14px #05966933;color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{box-shadow:0 8px 25px #0596694d;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #0f172a;border:2px solid var(--brand-primary);border-radius:8px;color:#0f172a;color:var(--brand-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-outline:hover{background:#0f172a;background:var(--brand-primary);color:#fff;color:var(--text-inverse)}.rate-positive{background:#dcfce7;background:var(--success-light);color:#22c55e;color:var(--success)}.rate-negative,.rate-positive{border-radius:4px;font-weight:600;padding:.25rem .5rem}.rate-negative{background:#fee2e2;background:var(--danger-light);color:#ef4444;color:var(--danger)}.rate-neutral{background:#fef3c7;background:var(--warning-light);border-radius:4px;color:#f59e0b;color:var(--warning);font-weight:600;padding:.25rem .5rem}.alert-success{background:#dcfce7;background:var(--success-light);border-left:4px solid #22c55e;border-left:4px solid var(--success);color:#22c55e;color:var(--success)}.alert-success,.alert-warning{border-radius:8px;margin:1rem 0;padding:1rem}.alert-warning{background:#fef3c7;background:var(--warning-light);border-left:4px solid #f59e0b;border-left:4px solid var(--warning);color:#f59e0b;color:var(--warning)}.alert-danger{background:#fee2e2;background:var(--danger-light);border-left:4px solid #ef4444;border-left:4px solid var(--danger);color:#ef4444;color:var(--danger)}.alert-danger,.alert-info{border-radius:8px;margin:1rem 0;padding:1rem}.alert-info{background:#fef3c7;background:var(--info-light);border-left:4px solid #fbbf24;border-left:4px solid var(--info);color:#fbbf24;color:var(--info)}.text-primary{color:#1e293b;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-inverse{color:#fff;color:var(--text-inverse)}.text-success{color:#22c55e;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-danger{color:#ef4444;color:var(--danger)}.text-info{color:#fbbf24;color:var(--info)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.border-light{border-color:#e2e8f0;border-color:var(--border-light)}.border-medium{border-color:#cbd5e1;border-color:var(--border-medium)}.border-dark{border-color:#94a3b8;border-color:var(--border-dark)}.gradient-primary{background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--gradient-primary)}.gradient-secondary{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-secondary)}.gradient-accent{background:linear-gradient(135deg,#0f172a,#fbbf24);background:var(--gradient-accent)}.gradient-hero{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#fbbf24);background:var(--gradient-hero)}@media (max-width:1024px){.app-container,.centered-content,.main-container{max-width:none;padding:0 16px;width:100vw}.dashboard-grid{gap:20px;grid-template-columns:1fr}.container{flex-direction:column;gap:16px}.auth-buttons{margin-left:0}}@media (max-width:768px){header .container{flex-direction:column;gap:1rem;padding:1rem .75rem}header .text-2xl,header h4{font-size:1.5rem}header .text-3xl{font-size:1.75rem}header .space-x-4,header nav{flex-wrap:wrap;justify-content:center;padding:.75rem;width:100%}header .nav-link,header nav a{font-size:.875rem;padding:.5rem 1rem}header .auth-buttons{justify-content:center;margin-left:0;width:100%}header .user-button{justify-content:center;max-width:300px;width:100%}main{padding-left:.5rem;padding-right:.5rem;padding-top:8rem}.container{padding:16px}.auth-buttons{justify-content:center;width:100%}.login-btn,.register-btn{flex:1 1;justify-content:center;max-width:150px}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}.dashboard-grid{gap:16px;grid-template-columns:1fr}.component-card{padding:16px}.pro-footer-container{gap:30px;grid-template-columns:1fr}.pro-footer-links{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){header .container{padding:.75rem}header .flex.items-center.space-x-2{gap:.375rem;padding:.5rem 1rem}header .text-2xl,header h4{font-size:1.25rem}header .text-3xl{font-size:1.5rem}header nav{gap:.125rem;padding:.5rem}header .nav-link,header nav a{font-size:.8125rem;padding:.5rem .75rem}header .dropdown-menu{right:-.75rem;width:calc(100vw - 1.5rem)}main{padding-top:10rem}.app-container,.centered-content,.main-container{padding:0 12px}.auth-buttons{flex-direction:column;gap:8px}.login-btn,.register-btn{max-width:none;width:100%}.dashboard-grid{gap:12px}.component-card{padding:12px}.pro-footer-links{grid-template-columns:1fr}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.header-slide-up{animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards}.header-slide-down{animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--border-dark)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}button{margin:0 5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-slide-in{animation:slideIn .4s ease-out}.scroll-to-top,header{will-change:transform,opacity}.focus-visible,header .nav-link:focus,header .user-button:focus,header nav a:focus{outline:2px solid #1e293b;outline:2px solid var(--brand-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){header{transition:none}header .nav-link:before,header nav a:before{display:none}header .text-3xl,header .user-avatar:after{animation:none}.scroll-to-top{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=dark]{--bg-primary:var(--gray-900);--bg-secondary:var(--gray-800);--bg-tertiary:var(--gray-700);--text-primary:var(--gray-100);--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--border-light:var(--gray-700);--border-medium:var(--gray-600);--border-dark:var(--gray-500)}main.container.mx-auto.flex-1.p-6{padding:0}.section_converter{margin-bottom:100px}.nav-text,svg.nav-arrow{color:#000}.container-main{animation:backgroundSlideshow 25s infinite;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}@keyframes backgroundSlideshow{0%{background-image:url(https://images.unsplash.com/photo-1590283603385-17ffb3a7f29f?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80)}20%{background-image:url(https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80)}40%{background-image:url(https://images.unsplash.com/photo-1526304640581-d334cdbbf45e?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80)}60%{background-image:url(https://images.unsplash.com/photo-1642790551116-18e150f248e3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2084&q=80)}80%{background-image:url(https://images.unsplash.com/photo-1640161704729-cbe966a08476?ixlib=rb-4.0.3&auto=format&fit=crop&w=2072&q=80)}to{background-image:url(https://images.unsplash.com/photo-1590283603385-17ffb3a7f29f?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80)}}.sub-card-grid{background-color:#00000080}
/*# sourceMappingURL=main.b3e63709.css.map*/