@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-color: #6366f1;--secondary-color: #a855f7;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}input,select{font-family:inherit;outline:none}.app-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.input-group{margin-bottom:1.5rem}label{display:block;font-size:.9rem;margin-bottom:.5rem;color:var(--text-secondary)}.form-control{width:100%;padding:1rem;background:#ffffff0d;border:1px solid var(--card-border);border-radius:.5rem;color:#fff;font-size:1.1rem;transition:all .3s ease}.form-control:focus{background:#ffffff1a;border-color:var(--primary-color)}.btn-primary{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:.5rem;font-weight:600;font-size:1.1rem;letter-spacing:.5px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px var(--primary-color)}.btn-primary:active{transform:translateY(0)}.converter-container{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.converter-container{flex-direction:row;align-items:flex-end;gap:1rem}}.amount-group{flex:2;margin-bottom:0}.currency-group{flex:1;margin-bottom:0}.swap-btn-inline{background:#ffffff1a;color:var(--primary-color);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--card-border);transition:all .3s ease;margin-bottom:3px}.swap-btn-inline:hover{background:#fff3;transform:rotate(180deg);color:#fff}option{background-color:#1e293b;color:#fff;padding:10px}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:1rem;box-shadow:var(--glass-shadow)}@media(min-width:768px){.mobile-menu-btn{display:none!important}.desktop-nav{display:block!important}}@media(max-width:767px){.desktop-nav{display:none!important}}