@keyframes float{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.top{background:linear-gradient(135deg,#1a1d29 0,#2a2f3e 50%,#1f2332 100%);position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6rem 0 4rem}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.bg-pattern{background-image:radial-gradient(circle at 20% 20%,rgba(235,57,68,.15)0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(244,105,117,.15)0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(235,57,68,.08)0,transparent 40%);animation:float 20s ease-in-out infinite}.bg-gradient,.bg-pattern,.converter-card::before{position:absolute;top:0;left:0;width:100%;height:100%}.bg-gradient{background:radial-gradient(circle at 50% 50%,rgba(235,57,68,.05)0,transparent 70%)}.hero-container{position:relative;z-index:2;max-width:1400px;width:100%;padding:0 2rem;margin:0 auto}.hero-content{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;text-align:center;line-height:1.2;margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0,#f0f0f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(1.125rem,2vw,1.375rem);color:rgba(255,255,255,.8);text-align:center;max-width:700px;margin:0;line-height:1.6}.converter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin:0 auto}.converter-card,.converter-icon{display:flex;align-items:center;position:relative}.converter-card{gap:1.25rem;padding:1.75rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;backdrop-filter:blur(10px)}.converter-card::before{content:"";background:linear-gradient(135deg,rgba(235,57,68,.1)0,rgba(244,105,117,.05) 100%);opacity:0;transition:opacity .3s ease}.converter-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.05);border-color:var(--primary-500);box-shadow:0 8px 32px rgba(235,57,68,.2),0 0 0 1px rgba(235,57,68,.1) inset}.converter-card:hover::before{opacity:1}.converter-card:active{transform:translateY(-2px)}.converter-icon{justify-content:center;width:56px;height:56px;flex-shrink:0;background:linear-gradient(135deg,rgba(235,57,68,.15)0,rgba(244,105,117,.1) 100%);border-radius:12px;border:1px solid rgba(235,57,68,.2);transition:all .3s ease;z-index:1}.converter-icon svg{stroke:var(--primary-500);transition:all .3s ease}.converter-card:hover .converter-icon{background:linear-gradient(135deg,rgba(235,57,68,.25)0,rgba(244,105,117,.2) 100%);border-color:var(--primary-500);transform:scale(1.05)}.converter-card:hover .converter-icon svg{stroke:var(--primary-400);transform:scale(1.1)}.converter-info{flex:1;min-width:0;position:relative;z-index:1}.converter-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .375rem;transition:color .3s ease}.converter-card:hover .converter-title{color:var(--primary-300)}.converter-desc{font-size:.875rem;color:rgba(255,255,255,.6);margin:0;line-height:1.5;transition:color .3s ease}.converter-card:hover .converter-desc{color:rgba(255,255,255,.8)}.converter-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;background:rgba(255,255,255,.05);transition:all .3s ease;position:relative;z-index:1}.converter-arrow svg{stroke:rgba(255,255,255,.4);transition:all .3s ease}.converter-card:hover .converter-arrow{background:var(--primary-500);transform:translateX(4px)}.converter-card:hover .converter-arrow svg{stroke:#fff}@media (max-width:1024px){.converter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.top{padding:4rem 0 2rem;min-height:auto}.hero-container{padding:0 1.5rem}.hero-content{gap:2rem}.hero-title{font-size:clamp(2rem,8vw,2.5rem)}.hero-description{font-size:1.125rem}.converter-grid{grid-template-columns:1fr;gap:1rem}.converter-card{padding:1.5rem}.converter-icon{width:48px;height:48px}.converter-icon svg{width:24px;height:24px}.converter-title{font-size:1rem}.converter-desc{font-size:.8125rem}}@media (max-width:480px){.hero-title{font-size:1.875rem}.hero-description{font-size:1rem}.converter-card{padding:1.25rem;gap:1rem}.converter-arrow{width:28px;height:28px}.converter-arrow svg{width:16px;height:16px}}