*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;min-height:100vh;padding:20px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}body:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 20%,#38bdf81a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#a78bfa1a 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ab3;border:1px solid #ffffff1a;border-radius:20px;max-width:900px;margin:40px auto;padding:40px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}.container:before{content:"";filter:blur(30px);background:radial-gradient(circle,#38bdf833 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;left:-50px}.container:after{content:"";filter:blur(30px);background:radial-gradient(circle,#a78bfa33 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-50px;right:-50px}h2{text-align:center;color:#e0e0e0;letter-spacing:.05em;text-shadow:0 0 15px #38bdf84d;margin-bottom:30px;font-size:2.2em;font-weight:700}.tab-container{justify-content:center;margin-bottom:30px;display:flex}.tab-buttons{background:#ffffff0d;border-radius:15px;gap:20px;padding:5px;display:flex;box-shadow:inset 0 0 10px #0000004d}.tab-button{color:#b0b0b0;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:12px;flex:1;padding:12px 25px;font-size:1.1em;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.tab-button:before{content:"";transform-origin:0;z-index:-1;background:linear-gradient(135deg,#38bdf833,#a78bfa33);border-radius:12px;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.tab-button:hover:before{transform:scaleX(1)}.tab-button.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#a78bfa);font-weight:700;transform:translateY(-2px);box-shadow:0 8px 32px #38bdf84d}.tab-button.active:before{transform:scaleX(1)}.tab-button.active:hover{box-shadow:0 10px 35px #38bdf866}.section{background:#ffffff14;border-radius:15px;margin-bottom:30px;padding:30px;box-shadow:0 5px 20px #0003}.section h3{color:#f0f0f0;text-align:center;margin-bottom:25px;padding-bottom:10px;font-size:1.8em;position:relative}.section h3:before{content:"";background:linear-gradient(90deg,#38bdf8,#a78bfa);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px;display:grid}.input-group{position:relative}.input-group label{color:silver;margin-bottom:8px;font-size:.95em;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;padding:12px 40px 12px 15px;font-size:1.1em;transition:all .3s}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input-wrapper input::placeholder{color:gray}.input-wrapper input:focus{background:#38bdf80d;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.currency-symbol{color:gray;font-size:1.1em;position:absolute;right:15px}.leverage-section{background:#ffffff0d;border-radius:12px;grid-column:1/-1;padding:24px 28px 22px;box-shadow:inset 0 0 10px #0003}.leverage-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.leverage-header label{color:silver;font-size:1.1em;font-weight:500}.leverage-display{color:#fff;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:8px;padding:8px 15px;font-size:1.2em;font-weight:700;transition:background .3s,box-shadow .3s;box-shadow:0 4px 10px #38bdf84d}.leverage-display.short-leverage-display{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 10px #ef44444d}.slider-track{background:0 0;border-radius:3px;height:6px;margin:8px 12px 0;position:relative}.leverage-slider{-webkit-appearance:none;cursor:grab;--track-fill:0%;--fill-color-start:#38bdf8;--fill-color-end:#a78bfa;background:0 0;outline:none;width:100%;height:6px;margin:0;padding:0}.leverage-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fill-color-start), var(--fill-color-end) var(--track-fill), #ffffff1a var(--track-fill), #ffffff1a 100%);border-radius:3px;width:100%;height:6px;transition:background .1s ease-in-out}.leverage-slider::-moz-range-track{background:linear-gradient(to right, var(--fill-color-start), var(--fill-color-end) var(--track-fill), #ffffff1a var(--track-fill), #ffffff1a 100%);border-radius:3px;width:100%;height:6px;transition:background .1s ease-in-out}.leverage-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:50%;width:24px;height:24px;margin-top:-9px;transition:all .2s;box-shadow:0 4px 12px #38bdf866}.leverage-slider::-webkit-slider-thumb:hover{transform:scale(1.05);box-shadow:0 6px 20px #38bdf899}.leverage-marks{color:gray;justify-content:space-between;margin:18px 12px 0;font-size:.85em;font-weight:500;display:flex}.calculate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:12px;width:100%;margin-top:30px;padding:15px 30px;font-size:1.3em;font-weight:700;transition:all .3s;display:block;box-shadow:0 8px 30px #38bdf84d}.calculate-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #38bdf866}.result-display{flex-direction:column;gap:15px;margin-top:30px;display:flex}.result-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0003}.result-card.profit{background:linear-gradient(135deg,#10b98133,#065f4633);border-color:#10b98166}.result-card.loss{background:linear-gradient(135deg,#ef444433,#b91c1c33);border-color:#ef444466}.result-card.info{background:#38bdf814;border-color:#38bdf84d}.result-amount{letter-spacing:.03em;margin-bottom:8px;font-size:2.5em;font-weight:700}.result-amount.profit{color:#10b981;text-shadow:0 0 15px #10b98166}.result-amount.loss{color:#ef4444;text-shadow:0 0 15px #ef444466}.result-amount.info{color:#38bdf8;text-shadow:0 0 10px #38bdf84d}.result-label{color:silver;font-size:1.1em;font-weight:500}.trade-type-selector{justify-content:center;gap:15px;margin-bottom:25px;display:flex}.trade-type-btn{color:#b0b0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:12px 25px;font-size:1.05em;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 10px #0003}.trade-type-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.trade-type-btn.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-color:#38bdf8;box-shadow:0 6px 20px #38bdf84d}.trade-type-btn.short.active{background:linear-gradient(135deg,#ef4444,#f87171);border-color:#ef4444;box-shadow:0 6px 20px #ef44444d}.risk-warning{background:#ffffff0d;border-left:5px solid #a78bfa;border-radius:10px;margin-top:30px;padding:20px;box-shadow:0 4px 15px #0003}.risk-warning h4{color:#a78bfa;align-items:center;gap:8px;margin-bottom:10px;font-size:1.3em;display:flex}.risk-warning p{color:#b0b0b0;margin-bottom:10px;font-size:.95em;line-height:1.6}.risk-warning p:last-child{margin-bottom:0}.top-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.language-selector{gap:10px;display:flex}.language-button{color:#b0b0b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:8px 15px;font-size:.9em;transition:all .3s}.language-button:hover{background:#ffffff1a;border-color:#ffffff40}.language-button.active-lang{color:#fff;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-color:#38bdf8;box-shadow:0 4px 15px #38bdf833}.crypto-dropdown{z-index:10;background:#0a0a0af2;border:1px solid #ffffff26;border-radius:10px;width:100%;max-height:200px;display:none;position:absolute;overflow-y:auto;box-shadow:0 8px 30px #00000080}.crypto-option{color:#e0e0e0;cursor:pointer;padding:12px 15px;transition:background .2s}.crypto-option:hover{background:#ffffff1a}.crypto-dropdown::-webkit-scrollbar{width:8px}.crypto-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.crypto-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.crypto-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.container{margin:20px auto;padding:25px}h2{font-size:1.8em}.tab-button{padding:10px 15px;font-size:1em}.section{padding:20px}.section h3{font-size:1.5em}.form-grid{grid-template-columns:1fr}.calculate-button{padding:12px 20px;font-size:1.1em}.result-amount{font-size:2em}.top-controls{flex-direction:column;align-items:center;gap:15px}.language-selector{flex-wrap:wrap;justify-content:center}}