.home-page{min-height:100vh;color:var(--text-primary);box-sizing:border-box;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:1rem;overflow-x:hidden}.home-page *,.home-page :before,.home-page :after{box-sizing:border-box}.home-page .container{width:100%;max-width:1200px;margin:0 auto}.home-hero{text-align:center;padding:80px 0 64px;position:relative}.home-hero:before{content:"";z-index:1;background:radial-gradient(circle at 20% 40%,#ff6b6b1a 0%,#0000 50%),radial-gradient(circle at 80% 60%,#ff6b6b1a 0%,#0000 50%);position:absolute;inset:0}.home-hero h1{color:var(--text-primary);z-index:2;margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;position:relative}.home-tagline{color:var(--text-secondary);z-index:2;max-width:560px;margin:0 auto;font-size:clamp(1.1rem,2.5vw,1.4rem);font-style:italic;position:relative}.home-tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.home-tool-card{border:1px solid var(--border-color);color:inherit;cursor:pointer;background-color:#2d2d2d;border-radius:12px;flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.home-tool-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 8px 32px #ff6b6b26}.home-tool-icon{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex;box-shadow:0 4px 15px #ff6b6b4d}.home-tool-name{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.home-tool-desc{color:var(--text-secondary);flex:1;margin:0;font-size:.95rem;line-height:1.6}.home-tool-cta{color:var(--primary-color);align-items:center;gap:6px;margin-top:4px;font-size:.9rem;font-weight:600;transition:gap .2s;display:inline-flex}.home-tool-card:hover .home-tool-cta{gap:10px}@media (max-width:768px){.home-hero{padding:48px 0 40px}.home-tools-grid{grid-template-columns:1fr;gap:1.5rem}.home-tool-card:hover{transform:none}}@media (max-width:480px){.home-page{padding:.5rem .25rem}.home-hero{padding:32px 0 28px}.home-tool-card{padding:1.5rem 1rem}}