*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background-color:#f9fafb;font-family:Inter,system-ui,-apple-system,sans-serif}.container{max-width:1100px;margin:0 auto;padding:0 20px}.header{padding:20px 0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{font-size:20px;font-weight:700}.nav{gap:20px;display:flex}.nav a{color:#111827;font-weight:500;text-decoration:none}.hero{flex-direction:column;gap:40px;margin-top:60px;display:flex}.hero-title{font-size:48px;font-weight:800;line-height:1.1}.hero-title span{color:#22c55e}.hero-subtitle{color:#6b7280;max-width:500px;margin-top:12px;font-size:18px}.card{background:#fff;border-radius:16px;width:100%;max-width:450px;padding:24px;box-shadow:0 10px 30px #0000000d}.form{gap:12px;margin-top:16px;display:flex}.input{border:1px solid #e5e7eb;border-radius:10px;flex:1;padding:14px;font-size:16px}.button{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:10px;padding:14px 20px;font-weight:600;transition:all .2s}.button:hover{background-color:#16a34a}.result{word-break:break-all;background:#f3f4f6;border-radius:10px;margin-top:20px;padding:12px;font-size:14px}@media (width>=768px){.hero{flex-direction:row;justify-content:space-between;align-items:center}}