@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a202c;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-attachment:fixed;min-height:100vh;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fffffffa;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.3);position:sticky;top:0;z-index:100;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.nav{width:100%;margin:0;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.logo{position:relative;padding-left:1rem}.logo h2{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;font-weight:800;margin:0;letter-spacing:-.02em;position:relative}.logo h2:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;opacity:.6}.logo span{color:#64748b;font-size:.85rem;font-weight:500;display:block;margin-top:2px;letter-spacing:.025em;opacity:.8}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap;padding-right:1rem}.nav-links button{background:none;border:none;padding:.75rem 1.25rem;border-radius:12px;cursor:pointer;font-weight:500;color:#475569;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;position:relative;overflow:hidden;letter-spacing:.01em}.nav-links button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.nav-links button:hover:before{left:100%}.nav-links button:hover{background:#667eea14;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.nav-links button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.main{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.hero{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:24px;box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);margin-bottom:2rem;border:1px solid rgba(255,255,255,.4);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.03) 0%,transparent 70%);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{transform:rotate(0) scale(1)}to{transform:rotate(180deg) scale(1.1)}}.hero-content h1{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.1;position:relative;z-index:1;text-shadow:0 4px 8px rgba(102,126,234,.1)}.hero-subtitle{font-size:1.75rem;color:#4a5568;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.01em;position:relative;z-index:1}.hero-description{font-size:1.3rem;color:#718096;max-width:700px;margin:0 auto 3rem;line-height:1.8;font-weight:500;position:relative;z-index:1}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1.25rem 2.5rem;border:none;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;position:relative;overflow:hidden;letter-spacing:.02em}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;box-shadow:0 8px 32px #667eea4d,0 4px 16px #764ba233}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #667eea66,0 6px 20px #764ba24d}.btn-secondary{background:#fffffff2;color:#667eea;border:2px solid transparent;background-clip:padding-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.btn-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #667eea4d,0 6px 20px #764ba233}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:4rem;padding:2.5rem 2rem;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 40px #0000001a;position:relative;z-index:1;max-width:800px;margin-left:auto;margin-right:auto}.stat-live{display:block;font-size:.75rem;color:#ef4444;font-weight:600;margin-top:.25rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;letter-spacing:-.02em;line-height:1}.stat-label{color:#64748b;font-weight:600;margin-top:.5rem;font-size:.95rem;letter-spacing:.01em;display:block}.section{background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;margin:3rem 2rem;padding:4rem 3rem;box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014;border:1px solid rgba(255,255,255,.4);position:relative;overflow:hidden}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),transparent)}.section h2{background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:2rem;text-align:center;letter-spacing:-.02em;line-height:1.2;position:relative}.section h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.content p{color:#475569;font-size:1.2rem;line-height:1.9;max-width:900px;margin:0 auto 1.5rem;text-align:center;font-weight:500;letter-spacing:.01em}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.stat{text-align:center;position:relative;padding:1rem;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat:hover{transform:translateY(-4px);background:#667eea0d;box-shadow:0 8px 24px #667eea26}.stat h3{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-.02em;line-height:1}.stat p{color:#64748b;font-weight:600;margin:0;font-size:1rem;letter-spacing:.01em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:4rem}.feature{background:linear-gradient(135deg,#ffffffe6,#fffc);padding:3rem 2rem;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transition:transform .4s ease}.feature:hover:before{transform:scaleX(1)}.feature:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 48px #667eea33,0 8px 24px #0000001a;background:linear-gradient(135deg,#fffffff2,#ffffffe6)}.feature h3{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;letter-spacing:-.01em;line-height:1.3}.feature p{color:#64748b;line-height:1.7;font-size:1.05rem;font-weight:500;letter-spacing:.01em;margin:0}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.security-item{padding:1.5rem;background:#fff9;border-radius:12px;border-left:4px solid #667eea}.security-item h3{font-size:1.2rem;color:#2d3748;margin-bottom:.5rem}.security-item p{color:#718096;margin:0;font-size:.95rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-info h3,.contact-form h3{color:#2d3748;margin-bottom:1.5rem;font-size:1.5rem}.contact-item{margin-bottom:1rem;padding:.75rem;background:#667eea0d;border-radius:8px}.contact-item strong{color:#2d3748}.contact-item a{color:#667eea;text-decoration:none}.contact-form form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form select,.contact-form textarea{padding:1rem;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:1rem;transition:border-color .3s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#667eea}.contact-form button{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.exchange-dashboard{display:grid;grid-template-columns:1fr;gap:2rem}.exchange-header-2025{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(102,126,234,.2)}.exchange-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.stat-item{text-align:center;padding:1rem;background:#fffc;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-label{display:block;font-size:.9rem;color:#718096;margin-bottom:.5rem;font-weight:500}.stat-value{display:block;font-size:1.5rem;font-weight:800;color:#2d3748;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-trading-indicator{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.ai-badge,.liquidity-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-badge{background:linear-gradient(135deg,#22c55e33,#10b98133);color:#059669;border:1px solid rgba(34,197,94,.3)}.liquidity-badge{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#2563eb;border:1px solid rgba(59,130,246,.3)}.advanced-trading-2025{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.ai-analysis-panel,.algorithmic-trading-panel{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001a}.ai-analysis-panel h3,.algorithmic-trading-panel h3{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.2);padding-bottom:.5rem}.ai-signals{display:flex;flex-direction:column;gap:.75rem}.signal-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.signal-item.bullish{background:#22c55e1a;border-color:#22c55e33}.signal-icon{font-size:1.2rem}.signal-text{flex:1;font-weight:600;color:#059669}.confidence{font-size:.85rem;color:#065f46;background:#22c55e33;padding:.25rem .5rem;border-radius:6px}.market-sentiment,.prediction{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#667eea1a;border-radius:10px;border:1px solid rgba(102,126,234,.2)}.sentiment-label,.prediction-label{font-weight:600;color:#4c51bf}.sentiment-value.positive,.prediction-value.positive{color:#059669;font-weight:700}.algo-strategies{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.algo-btn{padding:.75rem;border:1px solid rgba(102,126,234,.3);background:#667eea1a;color:#4c51bf;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.85rem}.algo-btn:hover{background:#667eea33;transform:translateY(-1px)}.algo-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.algo-status{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#22c55e1a;border-radius:10px;border:1px solid rgba(34,197,94,.2)}.status-indicator.active{color:#059669;font-weight:600}.profit-indicator{color:#059669;font-weight:700}.orderbook-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#667eea0d;border-radius:10px;border:1px solid rgba(102,126,234,.1)}.depth-btn{padding:.5rem .75rem;border:1px solid rgba(102,126,234,.3);background:#667eea1a;color:#4c51bf;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.8rem}.depth-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.liquidity-indicator{margin-left:auto;color:#2563eb;font-weight:600;font-size:.9rem}.exchange-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin:2rem}.market-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pair-selector{padding:.75rem 1rem;border:2px solid rgba(102,126,234,.2);border-radius:12px;background:#ffffffe6;font-weight:600;color:#2d3748;cursor:pointer;transition:all .3s ease;font-size:1rem}.pair-selector:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.market-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-text{font-size:.85rem;color:#22c55e;font-weight:600}.price-update{font-size:.75rem;color:#ef4444;font-weight:700;margin-left:.5rem;animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.market-overview{display:grid;grid-template-columns:1fr 2fr;gap:2rem;background:#fffffff2;border-radius:12px;padding:2rem;border:1px solid rgba(102,126,234,.1)}.market-stats{display:flex;flex-direction:column;gap:1.5rem}.market-pair h3{font-size:1.8rem;color:#2d3748;margin-bottom:.5rem}.price-info{display:flex;align-items:center;gap:1rem}.current-price{font-size:2rem;font-weight:700;color:#2d3748}.price-change{padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.9rem}.price-change.positive{background:#22c55e1a;color:#22c55e}.price-change.negative{background:#ef44441a;color:#ef4444}.market-data{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.data-item{display:flex;justify-content:space-between;padding:.75rem;background:#667eea0d;border-radius:6px}.data-item .label{color:#718096;font-size:.9rem}.data-item .value{color:#2d3748;font-weight:600}.price-chart{background:#fffc;border-radius:8px;padding:1.5rem}.price-chart h4{color:#2d3748;margin-bottom:1rem;font-size:1.2rem}.chart-container{position:relative}.chart-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:#718096}.trading-interface{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.order-book-section{background:#fffffff2;border-radius:12px;padding:1.5rem;border:1px solid rgba(102,126,234,.1)}.order-book-section h3{color:#2d3748;margin-bottom:1rem;font-size:1.3rem}.order-book-container{font-family:Monaco,Menlo,monospace;font-size:.85rem}.order-book-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:.75rem;background:#667eea1a;border-radius:6px;font-weight:600;color:#2d3748;margin-bottom:.5rem;text-align:right}.order-book-header span:first-child{text-align:left}.sell-orders{margin-bottom:1rem}.order-list{display:flex;flex-direction:column;gap:2px}.order-item{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:.5rem .75rem;border-radius:4px;transition:all .2s ease;text-align:right}.order-item span:first-child{text-align:left}.order-item:hover{background:#667eea0d}.order-item.sell{background:#ef44440d}.order-item.sell .price{color:#ef4444;font-weight:600}.order-item.buy{background:#22c55e0d}.order-item.buy .price{color:#22c55e;font-weight:600}.current-price-display{text-align:center;padding:1rem;background:#667eea1a;border-radius:8px;margin:1rem 0}.price-label{display:block;color:#718096;font-size:.9rem;margin-bottom:.5rem}.current-price-value{font-size:1.5rem;font-weight:700}.current-price-value.positive{color:#22c55e}.order-creation{background:#fffffff2;border-radius:12px;padding:1.5rem;border:1px solid rgba(102,126,234,.1);height:fit-content}.order-tabs{display:flex;gap:.5rem;margin-bottom:1rem;background:#667eea0d;border-radius:8px;padding:.25rem}.order-tab{flex:1;padding:.75rem;border:none;background:transparent;color:#718096;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.order-tab.active{background:#fff;color:#2d3748;box-shadow:0 2px 4px #0000001a}.buy-sell-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.trade-tab{flex:1;padding:1rem;border:2px solid transparent;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.buy-tab{background:#22c55e1a;color:#22c55e;border-color:#22c55e33}.buy-tab.active{background:#22c55e;color:#fff}.sell-tab{background:#ef44441a;color:#ef4444;border-color:#ef444433}.sell-tab.active{background:#ef4444;color:#fff}.order-form-advanced{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2d3748;font-weight:600;font-size:.9rem}.form-group input{padding:1rem;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea}.form-group input.readonly{background:#667eea0d;color:#718096}.percentage-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0}.percent-btn{padding:.75rem;border:2px solid rgba(102,126,234,.2);background:#fffc;color:#667eea;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.percent-btn:hover{background:#667eea;color:#fff}.order-summary{background:#667eea0d;border-radius:8px;padding:1rem;margin:1rem 0}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.summary-row:last-child{margin-bottom:0;font-weight:600;color:#2d3748}.place-order-btn{width:100%;padding:1rem;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.place-order-btn.buy{background:#22c55e;color:#fff}.place-order-btn.buy:hover{background:#16a34a;transform:translateY(-1px)}.place-order-btn.sell{background:#ef4444;color:#fff}.place-order-btn.sell:hover{background:#dc2626;transform:translateY(-1px)}.balance-display{margin-top:2rem;padding:1rem;background:#667eea0d;border-radius:8px}.balance-display h4{color:#2d3748;margin-bottom:1rem;font-size:1.1rem}.balance-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(102,126,234,.1);font-family:Monaco,Menlo,monospace}.balance-item:last-child{border-bottom:none}.recent-trades{background:#fffffff2;border-radius:12px;padding:1.5rem;border:1px solid rgba(102,126,234,.1)}.recent-trades h3{color:#2d3748;margin-bottom:1rem;font-size:1.3rem}.trades-container{font-family:Monaco,Menlo,monospace;font-size:.85rem}.trades-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:.75rem;background:#667eea1a;border-radius:6px;font-weight:600;color:#2d3748;margin-bottom:.5rem}.trades-list{max-height:300px;overflow-y:auto}.trade-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:.5rem .75rem;border-bottom:1px solid rgba(102,126,234,.05);transition:background .2s ease}.trade-item:hover{background:#667eea0d}.trade-item .price.buy{color:#22c55e;font-weight:600}.trade-item .price.sell{color:#ef4444;font-weight:600}.trade-type.buy{color:#22c55e;font-weight:600}.trade-type.sell{color:#ef4444;font-weight:600}.open-orders{background:#fffffff2;border-radius:12px;padding:1.5rem;border:1px solid rgba(102,126,234,.1)}.open-orders h3{color:#2d3748;margin-bottom:1rem;font-size:1.3rem}.orders-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:.75rem;background:#667eea1a;border-radius:6px;font-weight:600;color:#2d3748;margin-bottom:1rem;font-size:.9rem}.empty-orders{text-align:center;padding:3rem 2rem;color:#718096}.empty-orders p{font-size:1.1rem;margin-bottom:.5rem}.empty-orders small{font-size:.9rem;color:#a0aec0}.auth-section{display:flex;align-items:center;gap:1rem}.auth-buttons{display:flex;gap:.75rem;align-items:center}.login-btn,.register-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.login-btn{background:#ffffffe6;color:#667eea;border:2px solid #667eea}.login-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.register-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.user-menu{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001f;position:relative}.notifications-bell{position:relative;cursor:pointer;padding:.5rem;border-radius:12px;transition:all .3s ease}.notifications-bell:hover{background:#667eea1a}.bell-icon{font-size:1.2rem;display:block}.notification-count{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.notifications-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;padding:1rem;min-width:300px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.notifications-bell:hover .notifications-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.notification-item{padding:.75rem;border-radius:12px;margin-bottom:.5rem;border-left:3px solid}.notification-item.success{background:#22c55e1a;border-left-color:#22c55e}.notification-item.info{background:#3b82f61a;border-left-color:#3b82f6}.notification-item.warning{background:#f59e0b1a;border-left-color:#f59e0b}.notif-message{display:block;font-weight:500;color:#1f2937;font-size:.9rem}.notif-time{display:block;font-size:.8rem;color:#6b7280;margin-top:.25rem}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.user-details{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-weight:700;color:#1f2937;font-size:1rem;line-height:1.2}.user-tier{font-size:.8rem;color:#667eea;font-weight:600;margin-top:.1rem}.user-balance{font-size:.85rem;color:#059669;font-weight:600;margin-top:.1rem}.user-actions{display:flex;flex-direction:column;gap:.5rem}.profile-btn{padding:.5rem 1rem;background:#667eea1a;color:#667eea;border:1px solid #667eea;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem}.profile-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.logout-btn{padding:.5rem 1rem;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .3s ease}.logout-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.auth-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(102,126,234,.1)}.auth-modal-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0}.close-modal{background:none;border:none;font-size:2rem;color:#718096;cursor:pointer;padding:.25rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal:hover{background:#ef44441a;color:#ef4444}.auth-modal-content{padding:2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form .form-group label{color:#2d3748;font-weight:600;font-size:.9rem}.auth-form .form-group input{padding:1rem;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fffc}.auth-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.auth-form .form-group input::placeholder{color:#a0aec0}.terms-checkbox{margin:.5rem 0}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;color:#4a5568;line-height:1.5}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid rgba(102,126,234,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;margin-top:2px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-weight:700;font-size:.8rem}.checkbox-label a{color:#667eea;text-decoration:none;font-weight:600}.checkbox-label a:hover{text-decoration:underline}.auth-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.auth-divider{position:relative;text-align:center;margin:2rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#667eea33}.auth-divider span{background:#fff;padding:0 1rem;color:#718096;font-weight:500}.social-auth{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.social-btn{width:100%;padding:1rem;border:2px solid rgba(102,126,234,.2);background:#fffc;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.social-btn:hover{border-color:#667eea;background:#667eea0d;transform:translateY(-1px)}.social-btn.google{color:#4285f4}.social-btn.facebook{color:#1877f2}.auth-switch{text-align:center;margin-bottom:1rem}.auth-switch p{color:#718096;margin:0}.switch-auth{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;margin-left:.5rem}.switch-auth:hover{color:#5a67d8}.forgot-password{text-align:center}.forgot-password a{color:#667eea;text-decoration:none;font-size:.9rem;font-weight:500}.forgot-password a:hover{text-decoration:underline}.swap-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.swap-widget{background:#fffc;border-radius:15px;padding:2rem}.swap-form{margin-bottom:2rem}.swap-input{margin-bottom:1rem}.swap-input label{display:block;margin-bottom:.5rem;font-weight:600;color:#2d3748}.input-group{display:flex;gap:.5rem}.input-group input{flex:1;padding:1rem;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:1rem}.input-group select{padding:1rem;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:1rem;min-width:100px}.swap-arrow{text-align:center;margin:1rem 0}.swap-arrow button{background:#667eea1a;border:2px solid #667eea;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.swap-arrow button:hover{background:#667eea;color:#fff;transform:rotate(180deg)}.swap-info{background:#667eea0d;padding:1rem;border-radius:8px;margin-bottom:1rem}.rate{font-weight:600;color:#2d3748}.fee{color:#718096;font-size:.9rem}.swap-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.swap-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.swap-button:disabled{opacity:.5;cursor:not-allowed}.supported-cryptos h3{color:#2d3748;margin-bottom:1rem}.crypto-list{display:flex;flex-direction:column;gap:1rem}.crypto-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff9;border-radius:8px;border:1px solid rgba(102,126,234,.1)}.crypto-symbol{font-size:2rem;width:50px;text-align:center}.crypto-item strong{color:#2d3748;display:block;margin-bottom:.25rem}.crypto-item p{color:#718096;font-size:.9rem;margin:0}.cryptos-overview{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;border:1px solid rgba(102,126,234,.2)}.cryptos-overview p{font-size:1.1rem;color:#4a5568;max-width:800px;margin:0 auto;line-height:1.7}.cryptos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.crypto-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 40px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.crypto-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transition:transform .4s ease}.crypto-card:hover:before{transform:scaleX(1)}.crypto-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #667eea33}.crypto-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(102,126,234,.1)}.crypto-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-right:1rem}.crypto-symbol{color:#fff;font-weight:800;font-size:1rem}.crypto-title{flex:1}.crypto-title h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0;line-height:1.2}.crypto-symbol-text{font-size:.9rem;color:#667eea;font-weight:600}.crypto-price{text-align:right}.crypto-price .price{display:block;font-size:1.3rem;font-weight:800;color:#2d3748;line-height:1.2}.crypto-price .change{font-size:.9rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;margin-top:.25rem;display:inline-block}.crypto-price .change.positive{background:#22c55e1a;color:#22c55e}.crypto-price .change.negative{background:#ef44441a;color:#ef4444}.crypto-description{margin-bottom:1.5rem}.crypto-description p{color:#4a5568;line-height:1.6;font-size:.95rem;margin:0}.crypto-stats{margin-bottom:1.5rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.stat-row:last-child{border-bottom:none}.stat-row .label{color:#718096;font-size:.9rem;font-weight:500}.stat-row .value{color:#2d3748;font-weight:600;font-size:.9rem}.crypto-tech{margin-bottom:1.5rem;padding:1rem;background:#667eea0d;border-radius:12px;border:1px solid rgba(102,126,234,.1)}.tech-item{margin-bottom:.75rem}.tech-item:last-child{margin-bottom:0}.tech-label{display:block;color:#667eea;font-weight:600;font-size:.85rem;margin-bottom:.25rem}.tech-value{color:#2d3748;font-size:.9rem;line-height:1.4}.crypto-actions{text-align:center}.trade-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;width:100%}.trade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.crypto-disclaimer{background:linear-gradient(135deg,#f59e0b1a,#ef44441a);border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:2rem;text-align:center}.crypto-disclaimer h3{color:#f59e0b;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.crypto-disclaimer p{color:#92400e;line-height:1.6;font-size:.95rem;margin:0}.footer{background:linear-gradient(135deg,#2d3748fa,#1a202cf2);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);color:#fff;padding:4rem 2rem 3rem;margin-top:4rem;border-radius:24px 24px 0 0;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.8),rgba(118,75,162,.8),rgba(240,147,251,.8),transparent)}.footer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05) 0%,transparent 70%);animation:footerGlow 10s ease-in-out infinite alternate}@keyframes footerGlow{0%{transform:rotate(0) scale(1)}to{transform:rotate(180deg) scale(1.1)}}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;position:relative;z-index:1}.footer-section{padding:1.5rem;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-section:hover{transform:translateY(-4px);background:#ffffff14;box-shadow:0 8px 32px #667eea26}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1.5rem;font-weight:700;font-size:1.3rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.footer-section p{color:#cbd5e0;margin-bottom:.75rem;font-weight:500;line-height:1.6;letter-spacing:.01em}.footer-section a{color:#e2e8f0;text-decoration:none;display:block;margin-bottom:.75rem;padding:.5rem 0;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;overflow:hidden}.footer-section a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);transition:left .5s ease}.footer-section a:hover:before{left:100%}.footer-section a:hover{color:#667eea;background:#667eea1a;transform:translate(8px);padding-left:1rem}@media (max-width: 768px){.nav{flex-direction:column;gap:1rem}.nav-links{justify-content:center}.auth-section{order:-1}.auth-buttons{flex-direction:column;width:100%}.login-btn,.register-btn{width:100%}.user-menu{flex-direction:column;text-align:center;gap:.75rem}.user-info{align-items:center}.auth-modal{margin:1rem;max-width:calc(100vw - 2rem)}.auth-modal-header{padding:1.5rem 1.5rem 1rem}.auth-modal-content{padding:1.5rem}.form-row{grid-template-columns:1fr}.social-auth{gap:.5rem}.hero{margin:1rem;padding:3rem 1.5rem;border-radius:20px}.hero-content h1{font-size:2.8rem;line-height:1.1}.hero-subtitle{font-size:1.4rem}.hero-description{font-size:1.1rem;margin-bottom:2rem}.hero-buttons{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{width:100%;padding:1rem 2rem;font-size:1rem}.hero-stats{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem;padding:2rem 1.5rem}.stat h3{font-size:2.5rem}.section{margin:1.5rem 1rem;padding:3rem 2rem;border-radius:20px}.section h2{font-size:2.2rem}.features-grid{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.feature{padding:2.5rem 1.5rem}.footer{margin-top:2rem;padding:3rem 1.5rem 2rem;border-radius:20px 20px 0 0}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-section{padding:1.25rem}.contact-content,.swap-content,.market-overview,.trading-interface{grid-template-columns:1fr}.order-book-header,.order-item{grid-template-columns:1fr;text-align:center}.trades-header,.trade-item{grid-template-columns:1fr 1fr;font-size:.8rem}.orders-header{grid-template-columns:1fr 1fr 1fr;font-size:.8rem}.market-data{grid-template-columns:1fr}.percentage-buttons{grid-template-columns:repeat(2,1fr)}.main{padding:1rem}.cryptos-overview{padding:1.5rem;margin-bottom:2rem}.cryptos-overview p{font-size:1rem}.cryptos-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.crypto-card{padding:1.5rem}.crypto-header{flex-direction:column;align-items:flex-start;gap:1rem}.crypto-icon{width:40px;height:40px;margin-right:0}.crypto-symbol{font-size:.9rem}.crypto-title h3{font-size:1.3rem}.crypto-price{text-align:left;width:100%}.crypto-price .price{font-size:1.2rem}.crypto-tech{padding:.75rem}.tech-label{font-size:.8rem}.tech-value{font-size:.85rem}.trade-btn{padding:.75rem 1.5rem;font-size:.9rem}.crypto-disclaimer{padding:1.5rem}.crypto-disclaimer h3{font-size:1.1rem}.crypto-disclaimer p{font-size:.9rem}.exchange-header-2025{padding:1.5rem}.exchange-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:.75rem}.stat-value{font-size:1.2rem}.ai-trading-indicator{flex-direction:column;gap:.75rem}.advanced-trading-2025{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.ai-analysis-panel,.algorithmic-trading-panel{padding:1.25rem}.ai-analysis-panel h3,.algorithmic-trading-panel h3{font-size:1.1rem}.signal-item{padding:.5rem;gap:.5rem}.signal-text{font-size:.9rem}.confidence{font-size:.75rem;padding:.2rem .4rem}.market-sentiment,.prediction{padding:.5rem;font-size:.9rem}.algo-strategies{grid-template-columns:1fr;gap:.5rem}.algo-btn{padding:.6rem;font-size:.8rem}.algo-status{padding:.5rem;flex-direction:column;gap:.5rem;text-align:center}.orderbook-controls{flex-wrap:wrap;padding:.5rem;gap:.25rem}.depth-btn{padding:.4rem .6rem;font-size:.75rem}.liquidity-indicator{margin-left:0;width:100%;text-align:center;font-size:.8rem}}