*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.wallet-connect{gap:1rem}.wallet-button,.wallet-connect{align-items:center;display:flex}.wallet-button{background:#4c9aff1a;border:1px solid #4c9aff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:.75rem;height:44px;padding:10px 16px;transition:all .2s ease}.wallet-button:hover{background:#4c9aff26;border-color:#4c9aff80}.wallet-address{color:#fff;font-family:monospace}.wallet-balance{color:#4c9aff;font-family:monospace;font-size:13px;font-weight:600}.disconnect-icon{color:#a8b3cf;font-size:16px;line-height:1}.wallet-button:hover .disconnect-icon{color:#f44}.wallet-connect .btn-primary{font-size:14px;height:44px;padding:10px 16px}.wallet-error{text-align:center}.wallet-error p{color:#dc3545;font-weight:600;margin-bottom:1rem}@media (max-width:768px){.wallet-connect,.wallet-info{width:100%}.network-warning{align-items:flex-start;flex-direction:column}.account-info{flex-direction:column;width:100%}.account-info .btn{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1d2e,#252942);border:1px solid #667eea4d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:2rem;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-icon{align-items:center;border-radius:50%;box-shadow:0 8px 16px #0000004d;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.modal-icon,.modal-title{color:#fff;font-weight:700}.modal-title{font-size:1.5rem;margin-bottom:1rem}.modal-message{color:#a8b3cf;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;white-space:pre-line}.modal-link{color:#667eea;display:inline-block;font-size:.9rem;margin-bottom:1.5rem;text-decoration:none;transition:color .2s}.modal-link:hover{color:#7b61ff}.modal-close-btn{background:linear-gradient(90deg,#4c9aff,#7b61ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;width:100%}.modal-close-btn:hover{box-shadow:0 8px 16px #4c9aff66;transform:translateY(-2px)}.modal-close-btn:active{transform:translateY(0)}.create-position{margin:0 auto;max-width:600px}.create-position h2{margin-bottom:.5rem}.selected-position-info{background:#667eea1a;border:1px solid #667eea4d;margin-bottom:1.5rem}.selected-position-info p strong{color:#667eea}.selected-position-info .info-text{color:#a8b3cf;font-size:13px;font-style:italic;margin-top:.75rem}.create-position form{width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.position-direction-display{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.position-direction-display .direction-label{font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.position-direction-display .direction-label.long{color:#22c55e}.position-direction-display .direction-label.short{color:#ef4444}.position-direction-display .token-pair{color:#fff;font-size:.95rem;font-weight:600}.order-details{background:#4c9aff0d;border:1px solid #4c9aff26;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.details-header{margin-bottom:1rem}.details-header h3{color:#a8b3cf;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.details-row{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.details-row:not(:last-child){border-bottom:1px solid #ffffff0d}.details-label{color:#a8b3cf;font-size:14px}.details-value{color:#fff;font-size:14px;font-weight:500}.details-divider{background:#ffffff1a;height:1px;margin:.5rem 0}@keyframes flashRed{0%,to{border-color:#4a5568;box-shadow:0 0 0 0 #ef444400}25%{border-color:#ef4444;box-shadow:0 0 0 4px #ef444466}50%{border-color:#ef4444;box-shadow:0 0 0 8px #ef444433}75%{border-color:#ef4444;box-shadow:0 0 0 4px #ef444466}}.flash-error{animation:flashRed .8s ease-in-out;animation-iteration-count:1}.button-group button:disabled{cursor:not-allowed;pointer-events:none}.button-group>div{width:100%}.mint-position{margin:0 auto;max-width:600px}.mint-position h2{margin-bottom:.5rem}.mint-position .info-text{color:#a8b3cf;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.position-type-toggle{background:#ffffff0d;border-radius:8px;display:flex;gap:0;margin-bottom:1.5rem;padding:.25rem}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#a8b3cf;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.toggle-btn:hover{background:#ffffff0d;color:#fff}.toggle-btn.active{background:linear-gradient(90deg,#4c9aff,#7b61ff);color:#fff}.direction-icon{font-size:1.2rem}.advanced-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.25rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.advanced-toggle:hover{background:#ffffff14;border-color:#4c9aff4d}.advanced-toggle-content{display:flex;flex-direction:column;gap:.25rem}.advanced-toggle span{color:#fff;font-size:.95rem;font-weight:600}.advanced-toggle-hint{color:#a8b3cf;font-size:.85rem;font-weight:400}.advanced-toggle input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-switch{background:#ffffff1a;border-radius:13px;flex-shrink:0;height:26px;position:relative;transition:all .3s ease;width:48px}.toggle-switch:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:20px}.advanced-toggle input[type=checkbox]:checked+.toggle-switch{background:linear-gradient(90deg,#4c9aff,#7b61ff)}.advanced-toggle input[type=checkbox]:checked+.toggle-switch:before{transform:translateX(22px)}.advanced-toggle:hover .toggle-switch{background:#ffffff26}.advanced-toggle input[type=checkbox]:checked+.toggle-switch:hover{background:linear-gradient(90deg,#5aa5ff,#8b71ff)}.position-explanation{background:#4c9aff1a;border:1px solid #4c9aff33;border-radius:8px;color:#a8b3cf;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;padding:1rem}.position-explanation strong{color:#4c9aff;display:block;margin-bottom:.5rem}.btn-large{font-size:1.1rem;padding:1rem 2rem;width:100%}.unwind-position{margin:0 auto;max-width:600px}.unwind-position h2{margin-bottom:.5rem}.selected-position-info{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:1rem}.selected-position-info p{color:#e2e8f0;font-size:14px;margin:.25rem 0}.selected-position-info p strong{color:#ef4444}.unwind-position .info-text{color:#a8b3cf;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.unwind-position form{width:100%}.positions-list{height:100%}.positions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.positions-list h2{margin-bottom:.25rem}.last-update{color:#6b7280;font-size:.75rem}.empty-state,.error-state,.loading-state{color:#a8b3cf;padding:3rem 2rem;text-align:center}.error-state{color:#ff6b7a}.empty-state p,.error-state p,.loading-state p{font-size:1.1rem;margin-bottom:.5rem}.empty-state small{color:#6b7280;font-size:.9rem}.positions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.position-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:.75rem;transition:all .3s ease}.position-card:hover{background:#ffffff14;border-color:#4c9aff4d;transform:translateY(-2px)}.position-card.inactive-position{background:#ffc1070d;border-color:#ffc1074d}.position-card.inactive-position:hover{background:#ffc10714;border-color:#ffc10766}.inactive-message{background:#ffc1071a;border:1px solid #ffc10733;border-radius:6px;margin-bottom:.75rem;padding:.75rem;text-align:center}.inactive-message p{color:#a8b3cf;font-size:.85rem;margin:.4rem 0}.inactive-message strong{color:#ffc107;font-size:.9rem}.position-status.inactive{background:#ffc10733;color:#ffc107}.position-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.position-header-main{display:flex;flex-direction:column;gap:.25rem}.position-direction-label{font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.position-direction-label.long{color:#22c55e}.position-direction-label.short{color:#ef4444}.position-tokens{color:#fff;font-size:.85rem;font-weight:600}.position-badges{align-items:center;display:flex;gap:.5rem}.position-token-id{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:5px;color:#a78bfa}.position-direction,.position-token-id{font-size:.7rem;font-weight:600;padding:3px 10px}.position-direction{border-radius:5px;text-transform:uppercase}.position-direction.long{background:#22c55e33;color:#22c55e}.position-direction.short{background:#ef444433;color:#ef4444}.position-direction.neutral{background:#9ca3af33;color:#9ca3af}.position-status{border-radius:5px;font-size:.7rem;font-weight:600;padding:3px 10px;text-transform:uppercase}.position-status.active{background:#4c9aff33;color:#4c9aff}.position-status.warning{background:#ffc10733;color:#ffc107}.position-status.danger{background:#dc354533;color:#ff6b7a}.position-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.detail-row{align-items:center;display:flex;justify-content:space-between}.detail-row .label{color:#a8b3cf;font-size:.8rem}.detail-row .value{color:#fff;font-size:.8rem;font-weight:600}.detail-row .value.warning{color:#ffc107}.position-direction-text.long{color:#22c55e;font-weight:700}.position-direction-text.short{color:#ef4444;font-weight:700}.position-direction-text.neutral{color:#9ca3af;font-weight:700}.position-actions{border-top:1px solid #ffffff1a;display:flex;gap:.5rem;padding-top:.625rem}.position-actions .btn{flex:1 1;font-size:.8rem;padding:.4rem .75rem}.btn-small{font-size:.85rem;padding:.5rem 1rem}@media (max-width:1200px){.positions-grid{grid-template-columns:1fr}}.landing-page{background:#0a0e27;color:#fff;min-height:100vh;overflow-x:hidden}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e27f2;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0000004d;left:0;padding:24px 0;position:fixed;right:0;top:0;z-index:1000}.header-container{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 32px}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4c9aff,#7b61ff);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:32px;font-weight:700;margin:0}.nav-menu{align-items:center;display:flex;flex:1 1;gap:32px}.nav-link{color:#a8b3cf;font-size:15px;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#fff}.nav-link:after{background:linear-gradient(90deg,#4c9aff,#7b61ff);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.header-actions{gap:12px}.btn-small{font-size:14px;padding:10px 20px}.hero-section{align-items:center;background:linear-gradient(180deg,#0a0e27,#151a3d);display:flex;justify-content:space-between;min-height:90vh;padding:80px 120px;position:relative}.hero-content{flex:1 1;max-width:600px;z-index:2}.hero-title{font-size:64px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4c9aff,#7b61ff);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#a8b3cf;font-size:20px;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;gap:16px;margin-bottom:60px}.btn{align-items:center;border-radius:12px;display:flex;font-size:16px;gap:8px;justify-content:center;padding:16px 32px}.btn-primary:hover{box-shadow:0 12px 24px #4c9aff66;transform:translateY(-2px)}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-arrow{transition:transform .3s ease}.btn:hover .btn-arrow{transform:translateX(4px)}.btn-large{font-size:18px;padding:20px 40px}.supported-networks{margin-top:40px}.networks-label{color:#6b7280;font-size:14px;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.network-icons{display:flex;flex-wrap:wrap;gap:12px}.network-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#a8b3cf;font-size:14px;padding:8px 16px;transition:all .3s ease}.network-badge:hover{background:#ffffff1a;border-color:#4c9aff80;color:#4c9aff}.hero-visual{flex:1 1;height:500px;justify-content:center;position:relative}.floating-card,.hero-visual{align-items:center;display:flex}.floating-card{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:12px;padding:20px 24px;position:absolute}.card-1{animation-delay:0s;left:10%;top:20%}.card-2{animation-delay:2s;right:10%;top:50%}.card-3{animation-delay:4s;bottom:20%;left:20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-icon{font-size:24px}.card-text{color:#fff;font-size:16px;font-weight:600}.stats-section{background:#ffffff05;padding:80px 120px}.stats-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff0d;transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4c9aff,#7b61ff);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;margin-bottom:8px}.stat-label{color:#a8b3cf;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.features-section{padding:120px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#a8b3cf);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;margin-bottom:80px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:40px;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#4c9aff80;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:24px}.feature-card h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:16px}.feature-card p{color:#a8b3cf;font-size:16px;line-height:1.6}.how-it-works-section{background:#ffffff05;padding:120px}.steps-container{align-items:center;display:flex;gap:32px;justify-content:center;margin:0 auto;max-width:1200px}.step{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex:1 1;padding:40px;text-align:center;transition:all .3s ease}.step:hover{background:#ffffff0d;transform:translateY(-4px)}.step-number{align-items:center;background:linear-gradient(135deg,#4c9aff,#7b61ff);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.step h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:16px}.step p{color:#a8b3cf;font-size:16px;line-height:1.6}.step-arrow{color:#4c9aff;font-size:32px}.faq-section{padding:120px}.faq-container{margin:0 auto;max-width:900px}.faq-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:32px;transition:all .3s ease}.faq-item:hover{background:#ffffff0d;border-color:#4c9aff4d}.faq-item h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:16px}.faq-item p{color:#a8b3cf;font-size:16px;line-height:1.6}.cta-section{background:linear-gradient(135deg,#1e2849,#0a0e27);padding:120px;text-align:center}.cta-content h2{font-size:48px;font-weight:700;margin-bottom:16px}.cta-content p{color:#a8b3cf;font-size:20px;margin-bottom:40px}.footer{background:#0000004d;border-top:1px solid #ffffff1a;padding:80px 120px 40px}.footer-content{grid-gap:64px;display:grid;gap:64px;grid-template-columns:repeat(4,1fr);margin-bottom:60px}.footer-section h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:20px}.footer-section p{color:#a8b3cf;font-size:14px;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#a8b3cf;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#4c9aff}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:40px;text-align:center}.footer-bottom p{color:#6b7280;font-size:14px}@media (max-width:1200px){.header-container{padding:0 60px}.cta-section,.faq-section,.features-section,.footer,.hero-section,.how-it-works-section,.stats-section{padding-left:60px;padding-right:60px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-container{padding:0 24px}.nav-menu{display:none}.header-actions{gap:8px}.btn-small{font-size:13px;padding:8px 16px}.logo h1{font-size:20px}.hero-section{flex-direction:column;padding:100px 24px 40px;text-align:center}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column}.hero-visual{display:none}.stats-container{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg)}.footer-content{grid-template-columns:repeat(2,1fr)}.section-title{font-size:32px}.cta-section,.faq-section,.features-section,.footer,.how-it-works-section,.stats-section{padding-left:24px;padding-right:24px}}.network-selector{align-items:center;display:flex;gap:.75rem;position:relative}.network-error{background:#dc35451a;border:1px solid #dc35454d;border-radius:6px;color:#ff6b6b;font-size:12px;font-weight:500;padding:6px 12px;white-space:nowrap}.network-selector-button{align-items:center;background:#4c9aff1a;border:1px solid #4c9aff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:44px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.network-selector-button:hover{background:#4c9aff26;border-color:#4c9aff80}.network-logo{font-size:18px;line-height:1}.network-name{color:#fff}.dropdown-arrow{color:#a8b3cf;font-size:10px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.network-dropdown{animation:slideDown .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151a3dfa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.network-option{align-items:center;background:#0000;border:none;color:#a8b3cf;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.network-option:hover{background:#4c9aff1a;color:#fff}.network-option.active{background:#4c9aff26;color:#4c9aff}.network-option .network-name{flex:1 1}.checkmark{color:#4c9aff;font-weight:700}.tradingview-widget-container{background:#0a0e27;border-radius:12px;height:500px;overflow:hidden;position:relative;width:100%}.tradingview-widget-container__widget{height:100%;width:100%}.tradingview-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tradingview-chart-header h2{font-size:1.25rem;margin:0}.chart-symbol{color:#4c9aff;font-weight:600}@media (max-width:768px){.tradingview-widget-container{height:400px}}.App{background:#0a0e27;color:#fff;display:flex;flex-direction:column;min-height:100vh}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e27f2;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0000004d;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1800px}.logo-link{text-decoration:none}.header-actions{align-items:center;display:flex;gap:1rem}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4c9aff,#7b61ff);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:2rem;font-weight:700;margin:0;transition:opacity .3s ease}.logo-link:hover h1{opacity:.8}.App-main{flex:1 1;margin:0 auto;max-width:1800px;padding:2rem 1rem;width:100%}.container{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 520px}.left-section,.right-section{display:flex;flex-direction:column;gap:1.5rem}.right-section{max-width:500px}.positions-card{min-height:400px}.chart-card{padding:1.5rem}.chart-card:hover{transform:none}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-header h2{font-size:1.25rem;margin:0}.chart-symbol-display{align-items:center;background:#4c9aff26;border:1px solid #4c9aff4d;border-radius:8px;color:#4c9aff;display:inline-flex;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem}.tabs{border-bottom:2px solid #ffffff1a;display:flex;gap:0;margin:-2rem -2rem 2rem;padding:0 2rem}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#a8b3cf;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.tab:hover{background:#ffffff08;color:#fff}.tab.active{border-bottom-color:#4c9aff;color:#4c9aff}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s ease}.card:hover{background:#ffffff0d;border-color:#4c9aff4d;transform:translateY(-2px)}.card h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4c9aff,#7b61ff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.info-card{grid-column:1/-1}.info-card h2{-webkit-text-fill-color:#fff;background:none;color:#fff;margin-bottom:1.5rem}.info-card ol{color:#a8b3cf;margin-bottom:1.5rem;margin-left:1.5rem}.info-card li{line-height:1.6;margin-bottom:1rem}.info-card strong{color:#fff}.warning-box{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.warning-box strong{color:#ffc107;display:block;font-size:1.1rem;margin-bottom:.75rem}.warning-box ul{margin-left:1.5rem}.warning-box li{color:#f0d9a8;margin-bottom:.5rem}.App-footer{background:#0000004d;border-top:1px solid #ffffff1a;color:#a8b3cf;padding:2rem;text-align:center}.App-footer p{font-size:.95rem;margin:0}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(90deg,#4c9aff,#7b61ff);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 12px 24px #4c9aff66;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-danger{background:linear-gradient(90deg,#ff4757,#dc3545);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(90deg,#dc3545,#c82333);transform:translateY(-2px)}.btn-warning{background:linear-gradient(90deg,#ffc107,#ff9800);color:#333}.btn-warning:hover:not(:disabled){background:linear-gradient(90deg,#ff9800,#e0a800);transform:translateY(-2px)}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group label .required{color:#ff6b7a;font-weight:700;margin-left:2px}.form-group input{padding:.75rem}.form-group input,.form-group select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234c9aff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding:.75rem 2.5rem .75rem .75rem}.form-group select option{background:#1a1f3a;color:#fff;padding:.5rem}.form-group input::placeholder{color:#fff6}.form-group input:focus,.form-group select:focus{background:#ffffff14;border-color:#4c9aff;box-shadow:0 0 0 3px #4c9aff1a;outline:none}.form-group input[type=range]{padding:0}.form-hint{color:#a8b3cf;display:block;font-size:.875rem;margin-top:.25rem}.button-group{display:flex;flex-wrap:wrap;gap:1rem}.button-group .btn{flex:1 1;min-width:150px}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:12px;color:#ff6b7a;margin-bottom:1rem;padding:1rem}.calculated-params{background:#4c9aff1a;border:1px solid #4c9aff33;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.calculated-params h3{color:#4c9aff;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.calculated-params p{color:#a8b3cf;margin:.5rem 0}.calculated-params strong{color:#fff}@media (max-width:1200px){.container{grid-template-columns:1fr}.left-section{position:relative;top:0}.right-section{max-width:100%}.positions-card{min-height:auto}.chart-header{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:768px){.App-header{align-items:flex-start;flex-direction:column}.App-main{padding:1.5rem 1rem}.container{grid-template-columns:1fr}.card{padding:1.5rem}.button-group{flex-direction:column}.button-group .btn{width:100%}.chart-symbol-display{font-size:.875rem;padding:.4rem .75rem}}
/*# sourceMappingURL=main.471c4e48.css.map*/