.free-hooks-container{background:radial-gradient(circle at top,#8b5cf626,#0000 50%);flex-direction:column;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex}.free-header{text-align:center;max-width:800px;margin-bottom:4rem}.free-header h1{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:3.5rem}.free-header p{color:var(--text-secondary);font-size:1.25rem}.free-tool-card{flex-direction:column;gap:2rem;width:100%;max-width:700px;padding:3rem;display:flex}.input-group{flex-direction:column;gap:1rem;display:flex}.input-group label{color:var(--text-primary);font-weight:600}.free-input{border:1px solid var(--border-highlight);color:#fff;background:#ffffff0d;border-radius:12px;outline:none;padding:1.25rem;font-size:1.1rem;transition:all .3s}.free-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #3b82f61a}.results-display{margin-top:2rem;animation:.5s fadeUp}.results-display ul{flex-direction:column;gap:1rem;list-style:none;display:flex}.results-display li{border-left:4px solid var(--accent-secondary);background:#ffffff08;border-radius:12px;padding:1.25rem;line-height:1.6;transition:transform .2s}.results-display li:hover{background:#ffffff0d;transform:translate(5px)}.conversion-box{text-align:center;border:1px solid var(--border-highlight);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:20px;margin-top:3rem;padding:2.5rem;animation:4s infinite pulse}@keyframes pulse{0%{border-color:var(--border-highlight)}50%{border-color:var(--accent-secondary)}to{border-color:var(--border-highlight)}}.conversion-box h3{margin-bottom:1rem}.btn-wide{justify-content:center;width:100%;padding:1.25rem;font-size:1.1rem}@media (max-width:768px){.free-header h1{font-size:2.5rem}.free-tool-card{padding:1.5rem}}