.home-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0e0e10,#1a1626)}.home-header{background:linear-gradient(135deg,#18181b,#212126);border-bottom:1px solid var(--border);padding:60px 20px;text-align:center}.header-content{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.logo-icon{width:64px;height:64px}.header-content h1{font-size:48px;font-weight:700;letter-spacing:-.5px}.home-header>p{font-size:18px;color:var(--text-2)}.home-main{flex:1 1;max-width:900px;margin:0 auto;padding:60px 20px;width:100%}.hero-section{text-align:center;margin-bottom:80px}.hero-section h2{font-size:42px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section p{font-size:18px;color:var(--text-2);margin-bottom:32px}.cta-button{display:inline-block;background:linear-gradient(135deg,var(--accent) 0,var(--accent-purple) 100%);color:#fff;padding:14px 40px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px rgba(59,130,246,.3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,130,246,.4)}.info-section{margin-bottom:60px}.info-section h3{font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:24px;gap:24px}.info-card{background:var(--surface);border:1px solid var(--border-md);border-radius:12px;padding:24px;transition:all .3s}.info-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(59,130,246,.1);transform:translateY(-4px)}.info-card h4{font-size:18px;margin-bottom:12px;font-weight:600}.info-card p{font-size:14px;color:var(--text-2);line-height:1.6}.home-footer{background:var(--surface);border-top:1px solid var(--border);padding:40px 20px;text-align:center}.home-footer p{font-size:14px;color:var(--text-2);margin-bottom:16px}.footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.footer-links a{font-size:14px;color:var(--accent);text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.8}@media (max-width:768px){.home-header{padding:40px 16px}.header-content{flex-direction:column}.header-content h1{font-size:32px}.home-main{padding:40px 16px}.hero-section h2{font-size:32px}.hero-section p{font-size:16px}.info-grid{grid-template-columns:1fr}}