@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#8b5cf6;--primary-glow:#8b5cf666;--secondary:#ec4899;--secondary-glow:#ec489966;--bg-dark:#020617;--card-bg:#0f172a99;--input-bg:#02061766;--text-main:#f8fafc;--text-dim:#94a3b8;--glass-border:#ffffff14;--gradient-linear:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-shimmer:linear-gradient(90deg, #fff0 0%, #ffffff0d 50%, #fff0 100%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex;position:relative;overflow:hidden auto}.aurora{filter:blur(120px);z-index:-1;opacity:.15;pointer-events:none;border-radius:50%;width:500px;height:500px;position:fixed}.aurora-1{background:var(--primary);animation:20s infinite alternate float;top:-100px;left:-100px}.aurora-2{background:var(--secondary);animation:25s infinite alternate-reverse float;bottom:-100px;right:-100px}@keyframes float{0%{transform:translate(0)rotate(0)}to{transform:translate(100px,100px)rotate(180deg)}}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.app-container{z-index:10;width:100%;max-width:480px;padding:20px}.glass-container{background:var(--card-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:32px;padding:40px;position:relative;overflow:visible;box-shadow:0 25px 50px -12px #000c,inset 0 0 20px #ffffff05}.glass-container:after{content:"";background:var(--gradient-shimmer);pointer-events:none;z-index:-1;background-size:200% 100%;border-radius:32px;animation:8s linear infinite shimmer;position:absolute;inset:-1px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}h1{text-align:center;background:var(--gradient-linear);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:35px;font-size:32px;font-weight:700}.converter-body{flex-direction:column;gap:16px;display:flex;position:relative}.input-card{background:var(--input-bg);border:1px solid var(--glass-border);z-index:1;border-radius:20px;padding:20px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:visible}.input-card:focus-within{box-shadow:0 0 30px var(--primary-glow);z-index:50;border-color:#8b5cf6cc;transform:translateY(-2px)}.label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:11px;font-weight:600;display:block}.input-row{align-items:center;gap:15px;display:flex;position:relative}.amount-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-size:24px;font-weight:600}.amount-display{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:24px;font-weight:600;overflow:hidden}.custom-dropdown{z-index:100;position:relative}.dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-width:90px;padding:10px 16px;transition:all .3s;display:flex}.dropdown-trigger:hover{background:#ffffff1a;border-color:#fff3}.currency-code{color:var(--text-main);font-size:15px;font-weight:700}.dropdown-scroll-area{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.dropdown-scroll-area::-webkit-scrollbar{display:none}.dropdown-menu{z-index:10000;background:#1e293b;border:1px solid #fff3;border-radius:18px;flex-direction:column;width:260px;min-height:50px;max-height:280px;animation:.3s cubic-bezier(.16,1,.3,1) dropIn;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 25px 50px #000c,0 0 0 1px #ffffff1a}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item{cursor:pointer;justify-content:space-between;align-items:center;height:44px;padding:12px 18px;transition:all .2s;display:flex}.dropdown-item:hover{background:#8b5cf626;padding-left:22px}.dropdown-item.active{color:var(--primary);border-left:4px solid var(--primary);background:#8b5cf640}.swap-button-wrapper{z-index:10;justify-content:center;align-items:center;margin:-27px 0;display:flex;position:relative}.swap-btn{background:var(--gradient-linear);cursor:pointer;color:#fff;width:54px;height:54px;box-shadow:0 10px 25px var(--primary-glow), inset 0 2px 10px #ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex}.swap-btn:hover{box-shadow:0 15px 35px var(--secondary-glow);transform:rotate(180deg)scale(1.1)}.swap-btn:active{scale:.9}.result-display{text-align:center;background:linear-gradient(135deg,#8b5cf61a 0%,#ec48991a 100%);border:1px solid #ffffff0d;border-radius:20px;margin-top:10px;padding:24px}.result-formula{color:var(--text-dim);margin-bottom:8px;font-size:14px}.result-main{color:var(--text-main);font-size:36px;font-weight:800;line-height:1.2}.rate-info{color:var(--text-dim);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.premium-loader{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=500px){.glass-container{border-radius:24px;padding:25px}h1{font-size:26px}.result-main{font-size:28px}.swap-btn{width:48px;height:48px}}