* { margin:0; padding:0; box-sizing:border-box; font-family:sans-serif; scroll-behavior:smooth; }
body { background:#0b0e14; color:#ffffff; }

header { display:flex; justify-content:space-between; align-items:center; padding:20px; background:#151a26; border-bottom:1px solid #242f47; position:sticky; top:0; z-index:100; }
.logo { font-size:22px; font-weight:bold; letter-spacing:1px; }
.logo span { color:#00dbc6; }
nav a { text-decoration:none; color:#b7bdc6; margin-left:15px; font-size:14px; }
.btn-nav { background:#00dbc6; color:#0b0e14 !important; padding:8px 15px; border-radius:4px; font-weight:bold; }

.hero { height:55vh; background: linear-gradient(rgba(11,14,20,0.85), rgba(11,14,20,0.9)), url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=800') center/cover; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; }
.hero-content h1 { font-size:36px; margin-bottom:12px; color:#ffffff; }
.hero-content p { color:#b7bdc6; font-size:16px; max-width:600px; margin:0 auto 20px auto; }
.btn-primary { background:#1e2538; color:#00dbc6; border:1px solid #00dbc6; text-decoration:none; padding:12px 25px; border-radius:4px; font-weight:bold; display:inline-block; }

.market-section, .tools-section, .contact-section { padding:50px 20px; text-align:center; }
.crypto-ticker-container { display:flex; flex-wrap:wrap; gap:15px; justify-content:center; margin-top:25px; }
.pair-card { background:#151a26; padding:20px; border-radius:6px; width:260px; text-align:left; border:1px solid #242f47; }
.pair-card h3 { font-size:16px; color:#b7bdc6; }
.pair-card .rate { font-size:24px; font-weight:bold; margin:10px 0; letter-spacing:1px; }
.green { border-left:4px solid #02c076; }
.green .trend { color:#02c076; }
.red { border-left:4px solid #f84960; }
.red .trend { color:#f84960; }

.tools-grid { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin-top:25px; }
.tool-box { background:#151a26; padding:25px; border-radius:6px; width:340px; text-align:left; border:1px solid #242f47; }
.tool-box h3 { color:#00dbc6; margin-bottom:10px; }
.tool-box p { color:#b7bdc6; font-size:14px; line-height:1.5; }

#form-forex { max-width:400px; margin:25px auto 0 auto; display:flex; flex-direction:column; gap:12px; }
#form-forex input, #form-forex select { padding:14px; background:#151a26; border:1px solid #242f47; color:#fff; border-radius:4px; font-size:15px; }
#form-forex input:focus, #form-forex select:focus { border-color:#00dbc6; outline:none; }
.btn-submit { background:#00dbc6; color:#0b0e14; border:none; padding:14px; font-weight:bold; border-radius:4px; cursor:pointer; font-size:16px; }

footer { background:#0b0e14; border-top:1px solid #242f47; text-align:center; padding:20px; font-size:12px; color:#475266; }